:root{
  --header-to-title:36px;  
  --h1:34px;               
  --h1-lg:40px;            
  --h1-util:30px;          
  --h1-mb:18px;            
  --subhead:17px;          
  --tap:44px;              
}


.dcl-banner{position:relative;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);padding:8px 38px 8px 16px;text-align:center}
.dcl-banner[hidden]{display:none}
.dcl-banner-link{color:var(--bg);text-decoration:none;font-family:var(--mono);font-size:13px;line-height:1.35;text-wrap:balance}
.dcl-banner-cta{text-decoration:underline;white-space:nowrap}
.dcl-banner-link:hover .dcl-banner-cta{text-decoration:none}
.dcl-banner-x{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:0;color:var(--bg);opacity:.55;font-size:20px;line-height:1;cursor:pointer;padding:0}
.dcl-banner-x:hover{opacity:1}
@media (max-width:460px){ .dcl-banner-link{font-size:12px} }

#dcl-header{display:block;min-height:57px;border-bottom:1px solid var(--line)}
.dcl-head-row{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 24px}
.dcl-word{font-family:var(--mono);font-weight:600;font-size:22px;letter-spacing:.01em}
.dcl-word a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.dcl-logo{width:34px;height:34px;display:block}


.dcl-nav-wrap{position:relative}
.dcl-menu-btn{font-family:var(--mono);font-size:13px;letter-spacing:.01em;color:var(--ink);background:transparent;border:0;padding:4px 0;cursor:pointer;white-space:nowrap}
.dcl-menu-btn:hover{opacity:.75}
.dcl-menu-label-mobile{display:none}
.dcl-menu{list-style:none;margin:0;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--bg);border:1px solid var(--line);z-index:100}
.dcl-menu[hidden]{display:none}
.dcl-menu li{display:block}
.dcl-menu a{display:block;font-family:var(--mono);font-size:13px;letter-spacing:.01em;color:var(--ink);text-decoration:none;padding:13px 18px;white-space:nowrap}
.dcl-menu a:hover{background:var(--line)}

#dcl-footer{display:block;margin-top:72px}
.dcl-foot-row{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding:24px;border-top:1px solid var(--line)}
.dcl-legal{display:flex;flex-wrap:wrap;gap:8px 18px}
.dcl-legal a{display:inline-block;font-family:var(--mono);font-size:12px;color:var(--muted);text-decoration:none;padding:6px 0}
.dcl-legal a:hover{color:var(--ink)}
.dcl-foot-meta{margin:0;font-family:var(--mono);font-size:12px;color:var(--muted)}

@media (max-width:460px){
  .dcl-head-row{padding:12px 16px;gap:8px}
  .dcl-word{font-size:13px;white-space:nowrap}
  .dcl-word a{gap:6px}
  .dcl-logo{width:22px;height:22px}
  .dcl-menu-label-wide{display:none}
  .dcl-menu-label-mobile{display:inline}
  .dcl-menu-btn{font-size:18px;padding:11px 4px}
}
@media (max-width:360px){
  .dcl-head-row{padding:10px 12px;gap:6px}
  .dcl-word{font-size:12px}
  .dcl-word a{gap:5px}
  .dcl-logo{width:20px;height:20px}
}


.labcode{
  display:inline-block;
  font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--muted,#6b6b6b);
  background:#faf9f4;
  border:1px solid var(--line,#e5e3da);
  border-radius:3px;
  padding:0 4px;
  margin-left:6px;
  white-space:nowrap;
  vertical-align:baseline;
}


.labseg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.labseg-lbl{font-family:var(--mono);font-size:12px;color:var(--muted)}
.labseg-btn{font-family:var(--mono);font-size:13px;padding:8px 16px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;min-height:var(--tap,44px);border-radius:2px;white-space:nowrap}
.labseg-btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.labseg-btn:hover{opacity:.8}


#dcl-header a:focus-visible,#dcl-header button:focus-visible,
.dcl-banner a:focus-visible,.dcl-banner button:focus-visible,
#dcl-footer a:focus-visible{outline:2px solid var(--ink,#1c1b17);outline-offset:2px;border-radius:2px}