.top{
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--space-2) max(24px,calc((100vw - var(--content))/2));
  z-index:5
}
.brand{
  display:flex;
  align-items:center;
  gap:var(--space-3);
  color:var(--ink);
  text-decoration:none;
  flex:none
}
.brand-mark{
  display:grid;
  place-items:center;
  background:var(--red);
  color:var(--on-accent);
  font-weight:800
}
.brand strong{
  display:block;
  line-height:1.15;
  letter-spacing:-.03em;
  font-size:calc(19px * var(--text-scale,1))
}
.brand small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:calc(11px * var(--text-scale, 1));
  letter-spacing:.04em
}
main{
  max-width:var(--content);
  margin:0 auto;
  padding:24px 28px 72px
}
.eyebrow{
  color:var(--palette-50575b);
  font-size:calc(12px * var(--text-scale, 1));
  font-weight:700;
  letter-spacing:.035em;
  margin:0 0 8px
}
.source-box{
  background:var(--palette-fff);
  border:1px solid var(--line);
  border-top:3px solid var(--blue);
  padding:12px 16px;
  margin-bottom:20px
}
.source-row{
  display:grid;
  gap:12px;
  align-items:center;
  padding:8px 0;
  border-top:1px solid var(--palette-eceeef);
  font-size:calc(13px * var(--text-scale, 1));
  grid-template-columns:100px 110px minmax(0,1fr)
}
.source-row>:first-child{
  font-weight:700
}
.tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  background:var(--palette-eceff0);
  color:var(--palette-333);
  font-size:calc(12px * var(--text-scale, 1));
  font-weight:650;
  border-radius:6px;
  padding:3px 8px;
  line-height:1.5
}
.tag.ok{
  background:var(--success-bg);
  color:var(--success)
}
.tag.warn{
  background:var(--warning-bg);
  color:var(--warning)
}
button{
  padding:8px 16px;
  border:1px solid var(--red);
  background:var(--red);
  color:var(--on-accent);
  font:inherit;
  cursor:pointer
}
button:hover{
  background:var(--red-700)
}
button.secondary{
  background:var(--palette-fff);
  color:var(--ink);
  border-color:var(--palette-777)
}
.row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:end;
  margin:16px 0 10px
}
.row.small label{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--palette-4d5356);
  font-size:calc(13px * var(--text-scale, 1));
  font-weight:600
}
.row.small label:last-child{
  flex-direction:row;
  align-items:center
}
.row.small input{
  min-height:38px
}
.row.small select{
  min-height:38px
}
input{
  font:inherit;
  color:var(--ink);
  border:1px solid var(--palette-8a9093);
  background:var(--palette-fff);
  border-radius:var(--radius)
}
select{
  font:inherit;
  color:var(--ink);
  border:1px solid var(--palette-8a9093);
  background:var(--palette-fff);
  border-radius:var(--radius)
}
textarea{
  font:inherit;
  color:var(--ink);
  border:1px solid var(--palette-8a9093);
  background:var(--palette-fff);
  border-radius:var(--radius)
}
input:focus{
  outline:none;
  border-color:var(--blue-700);
  box-shadow:var(--focus)
}
select:focus{
  outline:none;
  border-color:var(--blue-700);
  box-shadow:var(--focus)
}
textarea:focus{
  outline:none;
  border-color:var(--blue-700);
  box-shadow:var(--focus)
}
input[type=checkbox]{
  accent-color:var(--red);
  width:18px;
  height:18px;
  vertical-align:middle
}
details.filter-panel{
  border-top:1px solid var(--line);
  padding-top:10px;
  margin-top:8px
}
details.filter-panel>summary{
  cursor:pointer;
  list-style:none;
  font-size:calc(14px * var(--text-scale, 1));
  font-weight:700
}
details.filter-panel>summary::-webkit-details-marker{
  display:none
}
details.filter-panel>summary:after{
  content:'＋';
  float:right;
  color:var(--blue-700)
}
details.filter-panel[open]>summary:after{
  content:'−'
}
details.filter-panel>summary .muted{
  font-weight:400;
  margin-left:10px
}
fieldset{
  min-width:0;
  max-height:220px;
  overflow:auto;
  border:1px solid var(--line);
  margin:0;
  border-radius:var(--radius);
  padding:12px
}
fieldset legend{
  font-weight:700;
  font-size:calc(13px * var(--text-scale, 1));
  padding:0 4px
}
fieldset label{
  display:block;
  font-size:calc(13px * var(--text-scale, 1));
  padding:3px 0;
  overflow-wrap:anywhere
}
.meta{
  font-size:calc(13px * var(--text-scale, 1));
  color:var(--palette-596064);
  margin:3px 0
}
mark{
  background:var(--palette-fff0b8);
  color:inherit
}
.empty{
  background:var(--palette-f6f7f7);
  border-left:3px solid var(--blue);
  padding:16px;
  color:var(--palette-4e5558)
}
.pager{
  display:flex;
  gap:20px;
  justify-content:center;
  padding:20px
}
.cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px
}
.card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  border-top:0
}
.overview-card{
  background:var(--palette-fff);
  border:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:var(--radius-card);
  padding:22px;
  box-shadow:var(--shadow-card)
}
.overview-card p{
  margin:6px 0
}
.group-section{
  margin:28px 0
}
.group-section>h2{
  border-bottom:0;
  padding-bottom:0;
  font-size:calc(20px * var(--text-scale,1))
}
.filter-tabs{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:16px;
  gap:8px;
  margin:18px 0 24px
}
.filter-tabs a{
  background:var(--palette-fff);
  color:var(--palette-303638);
  text-decoration:none;
  font-size:calc(13px * var(--text-scale, 1));
  border:1px solid var(--line);
  border-radius:999px;
  padding:9px 14px;
  font-weight:600
}
.filter-tabs a.active{
  background:var(--soft-blue);
  color:var(--blue-700);
  border-color:var(--blue-700)
}
.simple-list{
  background:var(--palette-fff);
  border:1px solid var(--line);
  border-top:1px solid var(--line);
  border-radius:var(--radius-card);
  padding:0;
  list-style:none;
  margin:12px 0
}
.simple-list article{
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
  padding:16px 20px;
  gap:5px
}
.simple-list article span{
  color:var(--muted);
  font-size:calc(14px * var(--text-scale, 1))
}
.inline{
  display:inline
}
.narrow{
  width:80px
}
textarea{
  width:100%;
  min-height:90px
}
.footer{
  border-top:1px solid var(--line);
  justify-content:space-between
}
@media(max-width:960px){
.card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
}
@media(max-width:960px){
}
@media(max-width:960px){
}
@media(max-width:960px){
.top{
  padding-left:20px;
  padding-right:20px
}
}
@media(max-width:700px){
main{
  padding:16px 16px 48px
}
}
@media(max-width:700px){
.top{
  min-height:60px;
  padding:8px 16px;
  gap:12px
}
}
@media(max-width:700px){
.source-row{
  grid-template-columns:1fr max-content;
  gap:5px
}
}
@media(max-width:700px){
.source-row .muted{
  grid-column:1/-1
}
}
@media(max-width:700px){
.row.small{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:end
}
}
@media(max-width:700px){
.row.small label{
  min-width:0
}
}
@media(max-width:700px){
.row.small select{
  width:100%;
  max-width:100%
}
}
@media(max-width:700px){
.row.small label:last-child{
  grid-column:1/-1
}
}
@media(max-width:700px){
.cols{
  grid-template-columns:1fr
}
}
@media(max-width:700px){
.card-grid{
  grid-template-columns:1fr
}
}
@media(max-width:700px){
}
@media(max-width:700px){
.footer{
  padding:14px 16px 22px;
  flex-direction:column
}
}
@media(max-width:700px){
}
@media(max-width:700px){
}
.top{
  position:sticky;
  top:0
}
.brand-mark{
  font-size:calc(14px * var(--text-scale, 1))
}
.page-head h1{
  font-family:var(--font-ui);
  font-weight:600;
  letter-spacing:-.035em
}
.page-head{
  border-bottom:1px solid var(--line);
  padding-bottom:18px;
  margin:16px 0 28px;
  max-width:900px
}
.page-head h1{
  font-size:clamp(calc(32px * var(--text-scale, 1)),calc(4vw * var(--text-scale, 1)),calc(46px * var(--text-scale, 1)));
  margin-bottom:8px
}
.detail-section{
  border-top:2px solid var(--ink);
  padding-top:14px;
  margin:30px 0
}
.detail-section>h2{
  font-size:calc(20px * var(--text-scale, 1))
}
.detail-section>ul{
  padding-left:24px
}
.detail-section>ol{
  padding-left:24px
}
button.link{
  border-radius:0
}
button.link{
  border:0;
  background:none;
  color:var(--blue-700);
  padding:0;
  text-decoration:underline;
  text-underline-offset:3px;
  font-weight:600
}
button.link:hover{
  background:var(--palette-100);
  color:var(--palette-004e70)
}
.empty{
  line-height:1.55
}
.simple-list>li{
  list-style:none;
  border-bottom:1px solid var(--line);
  background:var(--palette-fff);
  padding:16px 20px
}
.simple-list>li.empty{
  background:var(--palette-f6f7f7)
}
.source-row>:last-child{
  min-width:0;
  overflow-wrap:anywhere
}
.skip-link{
  position:absolute;
  left:12px;
  top:-100px;
  z-index:30;
  background:var(--palette-fff);
  color:var(--ink);
  border:2px solid var(--blue-700);
  padding:8px 12px
}
.skip-link:focus{
  top:8px
}
@media(max-width:700px){
.top{
  position:relative
}
}
@media(max-width:700px){
.brand small{
  font-size:calc(10px * var(--text-scale, 1))
}
}
@media(max-width:700px){
.page-head{
  margin:4px 0 22px;
  padding-bottom:14px
}
}
@media(max-width:700px){
.page-head h1{
  font-size:calc(34px * var(--text-scale, 1))
}
}
@media(max-width:700px){
.detail-section{
  margin:24px 0
}
}
@media(max-width:700px){
}
.primary-nav{
  display:flex;
  align-items:center;
  margin-left:auto
}
.primary-nav>a{
  color:var(--palette-3f4447);
  text-decoration:none;
  font-size:calc(14px * var(--text-scale, 1));
  font-weight:600;
  border-bottom:2px solid var(--palette-100)
}
.mobile-nav nav>a{
  color:var(--palette-3f4447);
  text-decoration:none;
  font-size:calc(14px * var(--text-scale, 1));
  font-weight:600;
  border-bottom:2px solid var(--palette-100)
}
.primary-nav>a[aria-current=page]{
  border-color:var(--red)
}
.mobile-nav nav>a[aria-current=page]{
  border-color:var(--red)
}
.primary-nav form{
  margin-left:8px
}
.mobile-nav{
  display:none
}
@media(max-width:960px){
.primary-nav{
  display:none
}
}
@media(max-width:960px){
.mobile-nav{
  display:block;
  position:relative;
  margin-left:auto
}
}
@media(max-width:960px){
.mobile-nav>summary{
  display:block;
  min-height:42px;
  padding:8px 12px;
  font-weight:700;
  cursor:pointer;
  list-style:none
}
}
@media(max-width:960px){
.mobile-nav>summary::-webkit-details-marker{
  display:none
}
}
@media(max-width:960px){
.mobile-nav>summary:after{
  content:'⌄';
  margin-left:10px;
  color:var(--blue-700)
}
}
@media(max-width:960px){
.mobile-nav[open]>summary:after{
  content:'⌃'
}
}
@media(max-width:960px){
.mobile-nav[open] nav{
  display:flex;
  flex-direction:column;
  align-items:stretch
}
}
@media(max-width:960px){
.mobile-nav nav>a{
  border-bottom:1px solid var(--palette-eee)
}
}
@media(max-width:960px){
.mobile-nav nav form{
  display:block;
  margin:0
}
}
@media(max-width:960px){
.mobile-nav nav button.link{
  display:block;
  width:100%;
  padding:12px;
  border-bottom:1px solid var(--palette-eee);
  text-align:left
}
}
.button-danger{
  border:1px solid var(--danger);
  background:var(--action-danger-bg);
  color:var(--on-accent)
}
.button-danger:hover{
  background:var(--palette-851626)
}
.button-link{
  display:inline-block;
  padding:10px 14px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  font-weight:700;
  text-decoration:none
}
.button-link:hover{
  border-color:var(--blue-700);
  color:var(--blue-700)
}
.form-hint{
  margin:2px 0 12px;
  color:var(--muted);
  font-size:13px
}
.source-compact{
  border-top-width:2px;
  border:0;
  background:transparent;
  padding:0;
  margin:0 0 20px
}
.source-compact details>summary{
  align-items:center;
  cursor:pointer;
  list-style:none;
  font-weight:700;
  display:flex;
  justify-content:flex-end;
  padding:4px 0;
  font-size:calc(12px * var(--text-scale,1));
  color:var(--muted)
}
.source-compact details>summary::-webkit-details-marker{
  display:none
}
.source-compact details[open]>summary{
  margin-bottom:8px
}
.source-details{
  padding-top:7px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  padding:12px 20px;
  margin-top:12px
}
.source-note{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px
}
.nav-group{
  position:relative
}
.primary-nav>.nav-group>summary{
  color:var(--palette-3f4447);
  text-decoration:none;
  font-size:calc(14px * var(--text-scale,1));
  font-weight:650;
  border-bottom:2px solid var(--palette-100);
  cursor:pointer;
  list-style:none;
  white-space:nowrap
}
.primary-nav>.nav-group>summary::-webkit-details-marker{
  display:none
}
.primary-nav>.nav-group>summary:after{
  content:'⌄';
  margin-left:6px;
  color:var(--blue-700)
}
.primary-nav>.nav-group>summary[aria-current=page]{
  border-color:var(--red)
}
.nav-group-panel{
  min-width:220px;
  background:var(--palette-fff);
  border:1px solid var(--line);
  box-shadow:0 8px 24px var(--palette-90);
  z-index:30
}
.primary-nav>.nav-group>.nav-group-panel{
  position:absolute;
  left:0;
  display:flex;
  flex-direction:column
}
.nav-group-panel>a{
  padding:9px 11px;
  color:var(--palette-303638);
  text-decoration:none;
  font-size:calc(13px * var(--text-scale,1));
  font-weight:600
}
.nav-group-panel>a:hover{
  background:var(--soft-blue);
  color:var(--blue-700)
}
.nav-group-panel>a[aria-current=page]{
  background:var(--soft-blue);
  color:var(--blue-700)
}
.primary-nav>.nav-group .nav-group-panel form{
  margin:3px 0 0;
  padding:7px 10px;
  border-top:1px solid var(--line)
}
.primary-nav>.nav-group .nav-group-panel button.link{
  padding:3px 0
}
.source-oparl{
  background:var(--palette-e7f3f8);
  color:var(--palette-075676)
}
.source-sessionnet{
  background:var(--palette-f4efe5);
  color:var(--palette-634d1d)
}
@media(max-width:800px){
.source-compact details>summary{
  align-items:flex-start;
  flex-wrap:wrap;
  gap:6px 12px
}
}
@media(max-width:800px){
.source-compact details>summary:after{
  margin-left:auto
}
}
@media(max-width:600px){
.primary-nav .nav-group{
  width:100%
}
}
.mobile-nav nav .nav-group{
  width:100%;
  border-bottom:1px solid var(--palette-eee)
}
.mobile-nav nav .nav-group>summary{
  padding:12px;
  font-weight:700;
  cursor:pointer;
  list-style:none
}
.mobile-nav nav .nav-group>summary::-webkit-details-marker{
  display:none
}
.mobile-nav nav .nav-group>summary:after{
  content:'＋';
  float:right;
  color:var(--blue-700)
}
.mobile-nav nav .nav-group[open]>summary:after{
  content:'−'
}
.mobile-nav nav .nav-group-panel{
  position:static;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0 0 6px;
  border:0;
  box-shadow:none
}
.mobile-nav nav .nav-group-panel>a{
  padding:10px 12px 10px 24px;
  border:0
}
.mobile-nav nav .nav-group-panel form{
  margin:0;
  padding:8px 12px 8px 24px
}
.mobile-nav nav .nav-group-panel button.link{
  width:auto;
  padding:5px 0;
  text-align:left
}
.top{
  background:var(--palette-fff);
  border:0;
  min-height:80px;
  box-shadow:0 3px 18px var(--palette-93);
  gap:24px;
}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:14px;
  font-family:var(--font-ui);
  letter-spacing:-.06em
}
.primary-nav{
  gap:4px
}
.primary-nav>a{
  border:0;
  border-radius:999px;
  padding:9px 13px;
  transition:background-color 150ms ease,color 150ms ease
}
.primary-nav>.nav-group>summary{
  border:0;
  border-radius:999px;
  padding:9px 13px;
  transition:background-color 150ms ease,color 150ms ease
}
.mobile-nav nav>a{
  border:0;
  border-radius:999px;
  padding:9px 13px;
  transition:background-color 150ms ease,color 150ms ease
}
.primary-nav>a:hover{
  background:var(--primary-50);
  color:var(--blue-700)
}
.primary-nav>.nav-group>summary:hover{
  background:var(--primary-50);
  color:var(--blue-700)
}
.mobile-nav nav>a:hover{
  background:var(--primary-50);
  color:var(--blue-700)
}
.primary-nav>a[aria-current=page]{
  background:var(--primary-50);
  box-shadow:none;
  color:var(--blue-700)
}
.primary-nav>.nav-group>summary[aria-current=page]{
  background:var(--primary-50);
  box-shadow:none;
  color:var(--blue-700)
}
.mobile-nav nav>a[aria-current=page]{
  background:var(--primary-50);
  box-shadow:none;
  color:var(--blue-700)
}
.primary-nav>.nav-group[open]>summary{
  background:var(--primary-50)
}
.primary-nav>.nav-group>.nav-group-panel{
  top:calc(100% + 8px);
  padding:8px;
  border:1px solid var(--palette-98);
  border-radius:12px;
  box-shadow:0 14px 34px var(--palette-94)
}
.nav-group-panel>a{
  border-radius:7px
}
.primary-nav .nav-login{
  margin-left:8px;
  padding:9px 16px;
  border:1px solid var(--red);
  border-radius:999px;
  background:var(--red);
  color:var(--on-accent)
}
.mobile-nav nav .nav-login{
  margin-left:8px;
  padding:9px 16px;
  border:1px solid var(--red);
  border-radius:999px;
  background:var(--red);
  color:var(--on-accent)
}
.primary-nav .nav-login:hover{
  background:var(--red-700);
  color:var(--on-accent)
}
.mobile-nav nav .nav-login:hover{
  background:var(--red-700);
  color:var(--on-accent)
}
.primary-nav .nav-login[aria-current=page]{
  background:var(--red);
  color:var(--on-accent)
}
.mobile-nav nav .nav-login[aria-current=page]{
  background:var(--red);
  color:var(--on-accent)
}
.footer{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  border:0;
  padding-top:24px;
  position:relative;
  max-width:var(--content);
  margin:0 auto;
  color:var(--muted);
  padding:24px 28px 40px;
  font-size:calc(13px * var(--text-scale,1))
}
.footer:before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  right:24px;
  height:1px;
  background:linear-gradient(90deg,var(--palette-99),var(--palette-97));
  display:none
}
@media(max-width:960px){
.mobile-nav>summary{
  border:0;
  border-radius:999px;
  background:var(--primary-50);
}
}
@media(max-width:960px){
.mobile-nav nav{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  position:absolute;
  top:calc(100% + 10px);
  right:-8px;
  width:min(calc(100vw - 32px),420px);
  max-height:calc(100dvh - 84px);
  overflow:auto;
  padding:12px;
  background:var(--palette-fff);
  border:1px solid var(--palette-98);
  border-radius:14px;
  box-shadow:0 18px 44px var(--palette-95);
  z-index:30;
  opacity:0;
  visibility:hidden;
  transform:translateY(-12px);
  pointer-events:none;
  transition:opacity 150ms ease,transform 150ms ease,visibility 150ms ease
}
}
@media(max-width:960px){
.mobile-nav[open] nav{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto
}
}
@media(max-width:960px){
.mobile-nav nav>a{
  padding:12px 14px;
  border:0
}
}
@media(max-width:960px){
.mobile-nav nav .nav-group{
  border:0;
  border-radius:9px
}
}
@media(max-width:960px){
.mobile-nav nav .nav-group>summary{
  padding:12px 14px;
  border-radius:9px
}
}
@media(max-width:960px){
.mobile-nav nav .nav-group-panel{
  gap:2px;
  padding:2px 0 6px
}
}
@media(max-width:960px){
.mobile-nav nav .nav-group-panel>a{
  border-radius:7px
}
}
@media(max-width:960px){
.mobile-nav nav .nav-login{
  margin:8px 0 0;
  text-align:center
}
}
@media(max-width:600px){
.footer{
  grid-template-columns:1fr;
  gap:4px;
  padding:18px 16px 22px
}
}
@media(max-width:600px){
.footer:before{
  left:16px;
  right:16px
}
}
@media(prefers-reduced-motion:reduce){
.primary-nav>a{
  transition:none
}
}
@media(prefers-reduced-motion:reduce){
.primary-nav>.nav-group>summary{
  transition:none
}
}
@media(prefers-reduced-motion:reduce){
.mobile-nav nav{
  transition:none
}
}
button{
  transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,opacity 150ms ease;
  border-radius:var(--radius);
  min-height:44px;
  font-weight:650;
}
input{
  transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,opacity 150ms ease;
  padding:10px 12px;
}
select{
  transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,opacity 150ms ease;
  padding:10px 12px;
}
textarea{
  transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,opacity 150ms ease;
  padding:10px 12px;
}
summary{
  transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,opacity 150ms ease;
}
.mobile-nav nav{
  transition-duration:150ms
}
button:active{
  opacity:.85
}
summary:active{
  opacity:.85
}
details[open]>:not(summary){
  animation:details-fade 150ms ease
}
@keyframes details-fade{
from{
  opacity:0
}
to{
  opacity:1
}
}
@supports (transition-behavior:allow-discrete) and selector(details::details-content){
details::details-content{
  opacity:0;
  transition:opacity 150ms ease,content-visibility 150ms allow-discrete
}
}
@supports (transition-behavior:allow-discrete) and selector(details::details-content){
details[open]::details-content{
  opacity:1
}
}
@supports (transition-behavior:allow-discrete) and selector(details::details-content){
details[open]>:not(summary){
  animation:none
}
}
.toast-stack{
  display:grid;
  gap:8px;
  max-width:40rem;
  margin:0 0 20px
}
.flash{
  margin:0;
  padding:12px 16px;
  background:var(--surface);
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 5px 18px var(--interaction-shadow);
  animation:toast-in 150ms ease
}
@keyframes toast-in{
from{
  opacity:0;
  transform:translateY(-5px)
}
to{
  opacity:1;
  transform:translateY(0)
}
}
@keyframes search-spin{
to{
  transform:rotate(360deg)
}
}
.skeleton-result{
  display:grid;
  gap:12px;
  padding:22px 14px;
  background:var(--surface)
}
.skeleton-result span{
  display:block;
  height:12px;
  width:92%;
  border-radius:4px;
  background:var(--line);
  animation:skeleton-pulse 1.4s ease-in-out infinite
}
.skeleton-result span:first-child{
  width:68%;
  height:18px
}
.skeleton-result span:nth-child(2){
  width:40%
}
@keyframes skeleton-pulse{
50%{
  opacity:.4
}
}
@media(prefers-reduced-motion:reduce){
details::details-content{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important
}
}
.overview-card h2{
  font-size:calc(18px * var(--text-scale,1));
  line-height:1.4;
  margin-bottom:14px
}
.overview-card h3{
  font-size:calc(18px * var(--text-scale,1));
  line-height:1.4
}
.overview-card h2 a{
  color:var(--ink);
  text-decoration:none
}
.overview-card h2 a:hover{
  color:var(--blue-700);
  text-decoration:underline
}
.filter-tabs a span{
  margin-left:7px;
  font-variant-numeric:tabular-nums
}
.simple-list>:last-child{
  border-bottom:0
}
.directory-profile-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:24px 0
}
.directory-profile-links a{
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  padding:9px 14px;
  text-decoration:none;
  font-size:calc(14px * var(--text-scale,1))
}
@media(max-width:700px){main{padding:18px 16px 48px}.top{min-height:72px;padding:12px 16px}.card-grid{gap:12px}.overview-card{padding:20px}.source-row{grid-template-columns:1fr auto}.source-row>.muted{grid-column:1/-1}.source-details{padding:12px 16px}.footer{padding:24px 16px}.simple-list>li,.simple-list article{padding:16px}.directory-profile-links{gap:8px}}