/* The public front door uses the existing NOISE tokens and document rules. */
.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);width:min(100%,1080px);min-height:100dvh;margin:0 auto}
.app-rail{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-6) var(--space-4);border-right:1px solid var(--guide)}
.app-rail>.mast{padding:0 var(--space-2) var(--space-6);width:fit-content}
.app-rail nav{margin:0 calc(-1 * var(--space-4))}
.app-place{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-5);border-left:2px solid transparent;color:var(--mute);text-decoration:none;font-size:var(--type-small)}
.app-place:hover{color:var(--ink);background:var(--deep)}
.app-place[aria-current="page"]{border-left-color:var(--ink);color:var(--ink);font-weight:600}
.app-rail-foot{display:grid;gap:var(--space-4);margin-top:auto;padding-top:var(--space-7);color:var(--mute);font-size:var(--type-small)}
.app-rail-foot a{width:fit-content}
.app-main{min-width:0;display:flex;flex-direction:column}
.app-bar{position:sticky;top:0;z-index:var(--layer-drawer);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--margin);border-bottom:1px solid var(--ink);background:var(--ground)}
.app-bar-title{display:flex;align-items:baseline;gap:var(--space-4);min-width:0}
.app-bar h1{font:var(--cut-weight) var(--type-head)/var(--leading-statement) var(--sans);font-stretch:var(--cut-stretch);letter-spacing:var(--cut-tracking)}
.app-mobile-wordmark{display:none}
.app-theme{display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:var(--space-1) 0;color:var(--mute);font-size:var(--type-small);white-space:nowrap}
.app-theme:hover{color:var(--ink)}
.app-document{padding:var(--space-6) var(--margin) var(--space-7);min-width:0;flex:1}
.app-document>section+section,.app-document>header+section{margin-top:var(--space-7)}
.app-document>section{min-width:0}
.app-main .static-band{--pad:var(--margin)}
.app-section-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--rule)}
.app-section-head>a{font-size:var(--type-small)}
.app-display{max-width:22ch;font:var(--cut-weight) var(--type-display)/var(--leading-display) var(--sans);font-stretch:var(--cut-stretch);letter-spacing:var(--cut-tracking);overflow-wrap:anywhere}
.app-display a{color:inherit;text-decoration:none}
.app-display a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.08em}
.app-edition-lead .app-display{font-size:var(--type-statement);line-height:var(--leading-statement);max-width:28ch}
.app-edition-lead>.app-record{margin-bottom:var(--space-3)}
.app-deck{max-width:54ch;margin-top:var(--space-4);font-size:var(--type-lead);line-height:1.5}
.app-copy{max-width:66ch}
.app-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-top:var(--space-4)}
.app-record{font:400 var(--type-caption)/1.5 var(--mono);color:var(--mute);overflow-wrap:anywhere}
.app-note{max-width:66ch;margin-top:var(--space-3);color:var(--mute);font-size:var(--type-small);line-height:1.5}
.app-news-empty h3{max-width:32ch;font:var(--cut-weight) var(--type-statement)/var(--leading-statement) var(--sans);font-stretch:var(--cut-stretch);letter-spacing:var(--cut-tracking)}
.app-news-empty>p{max-width:54ch;margin-top:var(--space-3)}
.app-section-error{padding-left:var(--space-3);margin-top:var(--space-5);border-left:2px solid var(--ink);font-size:var(--type-small);color:var(--mute)}
.app-section-error>p:first-child>.ic{display:inline-block;vertical-align:middle;margin-right:var(--space-2)}
.app-section-error strong{color:var(--ink)}
.app-section-error .app-links{margin-top:var(--space-2)}
.app-act{min-height:24px;padding:var(--space-1) var(--space-3);border:1px solid var(--ink);color:var(--ink);font-size:var(--type-small);text-decoration:none}
.app-act:hover{background:var(--deep)}
.app-furb-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));border-top:1px solid var(--rule);border-left:1px solid var(--guide)}
.app-furb{display:grid;align-content:start;gap:var(--space-1);min-width:0;padding:var(--space-3);border-right:1px solid var(--guide);border-bottom:1px solid var(--guide);text-decoration:none}
.app-furb:is(:hover,:focus-visible) .art-plate{outline:2px solid var(--ink);outline-offset:2px}
.app-furb-name{margin-top:var(--space-2);font:400 var(--type-caption)/1.45 var(--mono);overflow-wrap:anywhere}
.app-furb-detail{font:400 var(--type-caption)/1.45 var(--mono);color:var(--mute);overflow-wrap:anywhere}
.app-cursed{font:italic 400 var(--type-lead)/1.3 var(--serif)}
.app-destination-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.app-destination-list>li{min-width:0;border-bottom:1px solid var(--guide)}
.app-destination-list>li:nth-child(odd){border-right:1px solid var(--guide)}
.app-destination{display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);text-decoration:none;font-size:var(--type-lead)}
.app-destination:hover{background:var(--deep)}
.app-destination:hover>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.app-destination .ic{flex-shrink:0}
.app-update-list{border-top:1px solid var(--rule)}
.app-update-list>li{padding:var(--space-4) 0;border-bottom:1px solid var(--rule)}
.app-update-list h3{margin-top:var(--space-2);font:600 var(--type-lead)/1.3 var(--sans)}
.app-update-list h3>a{text-decoration:none}
.app-update-list h3>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.app-update-list>li>p:last-child:not(:first-child){margin-top:var(--space-2);max-width:66ch}
.app-directory-list{margin-top:var(--space-4);border-top:1px solid var(--rule)}
.app-directory-list>li{padding:var(--space-4) 0;border-bottom:1px solid var(--rule)}
.app-directory-list h3{font:600 var(--type-lead)/1.3 var(--sans)}
.app-directory-list h3>a{text-decoration:none}
.app-directory-list h3>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.app-directory-list>li>p{max-width:66ch;margin-top:var(--space-2)}
.app-directory-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
.app-access-label{color:var(--mute);font:400 var(--type-caption)/1.5 var(--mono)}
.app-access>p:not(.app-note){margin-top:var(--space-3);max-width:66ch}
.app-command{font:400 var(--type-read)/1.5 var(--mono)}
.app-command code,.app-record code{font:inherit}
.app-find{display:grid;gap:var(--space-2);max-width:54ch;margin:var(--space-5) 0 var(--space-3);font-size:var(--type-small)}
.app-find input{min-width:0;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--rule);background:var(--deep);font-size:var(--type-read)}
.app-find input::placeholder{color:var(--mute);opacity:1}
.app-find input:focus-visible{border-color:var(--ink)}
.app-source-list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--type-small)}
.app-source-list>li{overflow-wrap:anywhere}
.app-footer{padding:var(--space-4) var(--margin);border-top:1px solid var(--ink);font-size:var(--type-small)}
.app-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}
.app-phone-nav{display:none}
.app-skip{position:fixed;z-index:var(--layer-toast);top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--ground);border:1px solid var(--ink);transform:translateY(calc(-100% - var(--space-5)))}
.app-skip:focus{transform:none}
.app-main :is(section,h1,h2,h3,[tabindex]){scroll-margin-top:calc(64px + var(--space-4));scroll-margin-bottom:var(--space-5)}
@media (max-width:899px){
  .app-shell{display:block}
  .app-rail{display:none}
  .app-main{min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .app-mobile-wordmark{display:block;font-size:var(--type-head)}
  .app-bar h1{font:400 var(--type-lead)/1.2 var(--sans);font-stretch:90%;letter-spacing:0}
  .app-document{padding-top:var(--space-5)}
  .app-phone-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--layer-drawer);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--ink);background:var(--well)}
  .app-phone-nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1);min-width:0;min-height:64px;padding:var(--space-2) var(--space-1);border-bottom:2px solid transparent;text-decoration:none;color:var(--mute);font-size:var(--type-caption)}
  .app-phone-nav>a:hover{color:var(--ink)}
  .app-phone-nav>a[aria-current="page"]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}
  .app-phone-nav>a[aria-current="page"]>.ic{stroke-width:2.25}
  .app-main :is(section,h1,h2,h3,[tabindex]){scroll-margin-bottom:calc(64px + var(--space-5))}
}
@media (max-width:599px){
  .app-bar{gap:var(--space-2);padding-right:var(--margin);padding-left:var(--margin)}
  .app-bar-title{gap:var(--space-3)}
  .app-bar h1{font-size:var(--type-small)}
  .app-theme{font-size:var(--type-caption)}
  .app-furb-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-furb{padding:var(--space-2)}
  .app-destination{padding:var(--space-3) var(--space-2);font-size:var(--type-read)}
  .app-document>section+section,.app-document>header+section{margin-top:var(--space-6)}
  .app-display{font-size:var(--type-statement);line-height:var(--leading-statement)}
  .app-deck{font-size:var(--type-read)}
}
@media (forced-colors:active){
  .app-place[aria-current="page"],.app-phone-nav>a[aria-current="page"]{border-color:CanvasText}
}