*{box-sizing:border-box}
:root{
  --ink:#1a1d24;
  --muted:#5c6370;
  --line:#d0d3d8;
  --paper:#fff;
  --pad:clamp(20px,4vw,56px);
}
body{
  margin:0;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.site-header,
.top-nav,
.site-footer{
  background:var(--paper);
  color:var(--ink);
}
.site-header{
  position:relative;
  border-bottom:1px solid var(--line);
}
.top-nav{
  border-bottom:1px solid var(--line);
}
.site-footer{
  border-top:1px solid var(--line);
}
.bar-inner{
  max-width:1080px;
  margin:auto;
  padding:28px var(--pad);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
}
.site-header .bar-inner{
  min-height:108px;
  padding-top:36px;
  padding-bottom:28px;
}
.top-nav .bar-inner{
  min-height:48px;
  padding-top:6px;
  padding-bottom:6px;
  gap:8px 28px;
  flex-wrap:wrap;
}
.wordmark img{
  display:block;
  width:min(320px,72vw);
  height:auto;
}
.wordmark{
  display:block;
  flex-shrink:0;
  text-decoration:none;
  color:var(--ink);
}
nav{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 28px;
}
.nav-item,
.menu-toggle{
  font:inherit;
  font-size:13px;
  letter-spacing:.04em;
  line-height:1.3;
  background:none;
  border:0;
  color:var(--ink);
  cursor:pointer;
  padding:12px 0;
  white-space:nowrap;
}
.nav-item:hover{
  text-decoration:underline;
  text-underline-offset:6px;
  text-decoration-thickness:1px;
}
a:focus-visible,
button:focus-visible{
  outline:2px solid var(--ink);
  outline-offset:4px;
}
.menu-toggle{
  display:none;
}
main{
  flex:1;
  padding:40px var(--pad) 64px;
}
.page-intro{
  max-width:36em;
  margin:0 auto 28px;
  text-align:center;
}
.page-intro h1{
  margin:0 0 12px;
  font-size:clamp(26px,3.2vw,36px);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.2;
  color:var(--ink);
  text-wrap:balance;
}
.page-intro p{
  margin:0;
  font-size:17px;
  line-height:1.55;
  color:var(--muted);
}
.layout-note{
  max-width:1080px;
  margin:0 auto 28px;
  text-align:center;
  font-size:13px;
  letter-spacing:.02em;
  color:var(--muted);
}
.columns{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0 0;
}
.columns + .columns{
  margin-top:48px;
  padding-top:40px;
  border-top:1px solid var(--line);
}
.col{
  padding:0 28px;
}
.col + .col{
  border-left:1px solid var(--line);
}
.col h2{
  margin:0 0 8px;
  padding:0 0 12px;
  border-bottom:1px solid var(--line);
  font-size:18px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
}
.col ul{
  list-style:none;
  margin:0;
  padding:0;
}
.col li{
  border-bottom:1px solid var(--line);
}
.col li:last-child{
  border-bottom:0;
}
.col li button{
  display:block;
  width:100%;
  margin:0;
  padding:14px 0;
  background:none;
  border:0;
  text-align:left;
  font:inherit;
  font-size:15px;
  line-height:1.45;
  color:var(--ink);
  cursor:pointer;
}
.col li button:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.site-footer .bar-inner{
  min-height:64px;
  padding-top:18px;
  padding-bottom:18px;
  flex-direction:column;
  gap:14px;
}
.copyright{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px;
  margin:0;
  font-size:12px;
  line-height:1.6;
  color:var(--muted);
}
.copyright span{
  font:inherit;
  color:inherit;
}
.copyright .operator-mark{
  height:.88em;
  width:auto;
  max-width:none;
  flex-shrink:0;
}
.site-footer .nav-item{
  font-size:12px;
  letter-spacing:.03em;
  color:var(--muted);
}
.skip{
  position:absolute;
  top:8px;
  left:8px;
  transform:translateY(-150%);
  background:var(--paper);
  color:var(--ink);
  padding:12px;
  z-index:5;
}
.skip:focus{
  transform:none;
}
dialog{
  border:1px solid var(--line);
  border-radius:0;
  max-width:440px;
  width:calc(100% - 40px);
  padding:32px;
  color:var(--ink);
  background:var(--paper);
}
dialog::backdrop{
  background:#0006;
}
dialog h2{
  margin:0 0 12px;
  font-size:20px;
  font-weight:700;
}
dialog p{
  line-height:1.6;
  margin:0 0 20px;
  color:var(--muted);
}
.close-button{
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--ink);
  border-radius:0;
  padding:12px 22px;
  min-height:44px;
  font:inherit;
  cursor:pointer;
}
.consent-box{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:var(--paper);
  color:var(--ink);
  border-top:1px solid var(--line);
  padding:16px var(--pad) calc(16px + env(safe-area-inset-bottom));
  z-index:100;
  font:14px/1.5 Arial,Helvetica,sans-serif;
}
.consent-box p{
  margin:0 0 12px;
  max-width:720px;
}
.consent-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
}
.consent-btn{
  min-height:44px;
  padding:10px 16px;
  background:var(--paper);
  border:1px solid var(--ink);
  color:var(--ink);
  cursor:pointer;
  font:inherit;
}
.consent-box a{
  color:var(--ink);
}
@media (min-width:701px){
  .top-nav{
    display:block;
  }
  .top-nav .bar-inner,
  .site-footer nav{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    flex-wrap:wrap;
  }
  .top-nav .nav-item,
  .site-footer .nav-item{
    width:auto;
    flex:0 0 auto;
    border:0;
  }
}
@media (max-width:900px){
  .columns{
    grid-template-columns:1fr;
  }
  .col{
    padding:20px 0;
  }
  .col + .col{
    border-left:0;
    border-top:1px solid var(--line);
  }
}
@media (max-width:700px){
  .site-header .bar-inner{
    min-height:84px;
    padding-top:22px;
    padding-bottom:22px;
  }
  .menu-toggle{
    display:flex;
    align-items:center;
    gap:8px;
    position:absolute;
    right:var(--pad);
    top:50%;
    transform:translateY(-50%);
    margin:0;
    min-height:44px;
    font-size:13px;
    letter-spacing:.04em;
  }
  .top-nav{
    display:none;
  }
  .top-nav.open{
    display:block;
  }
  .top-nav .bar-inner{
    min-height:0;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding-top:0;
    padding-bottom:8px;
  }
  .top-nav .nav-item{
    text-align:left;
    padding:13px 0;
    min-height:44px;
    letter-spacing:.02em;
    font-size:14px;
    border-top:1px solid var(--line);
  }
  main{
    padding:28px var(--pad) 48px;
  }
  .site-footer .bar-inner{
    padding-top:14px;
    padding-bottom:14px;
  }
  .site-footer nav{
    justify-content:center;
    gap:0 18px;
  }
  .site-footer .nav-item{
    font-size:12px;
    border:0;
  }
}
@media (prefers-reduced-motion:reduce){
  .menu-toggle{
    transform:none;
    top:22px;
  }
}

a.nav-item{text-decoration:none;display:inline-flex;align-items:center;}
a.nav-item[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;}
.col li a{
  display:block;width:100%;margin:0;padding:14px 0;text-align:left;font:inherit;font-size:15px;line-height:1.45;color:var(--ink);text-decoration:none;
}
.col li a:hover{text-decoration:underline;text-underline-offset:3px;}
.article{max-width:36em;margin:0 auto;}
.article .kicker{margin:0 0 18px;font-size:14px;line-height:1.4;color:var(--muted);}
.article h1{margin:0 0 28px;font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink);}
.article h2{margin:2.4em 0 .7em;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25;}
.article p{margin:0 0 1.05em;font-size:18px;line-height:1.55;color:var(--ink);max-width:none;}

.site-logo{display:block;width:min(190px,calc(100% - 72px));height:auto;max-width:100%;}