@layer components{.site-content{flex:1;min-width:0}.site-skip{top:calc(-1 * var(--spacing-px-100));padding:var(--spacing-px-12);background:var(--surface);position:absolute}.site-skip:focus{top:0}.site-header{z-index:50;background:var(--surface);border-bottom:1px solid var(--border-soft);position:sticky;top:0}.site-header-row{height:var(--nav-h);align-items:center;gap:var(--spacing-px-28);display:flex}.site-wordmark{font-family:var(--font-serif);font-size:var(--text-wordmark);letter-spacing:var(--track-h1);color:var(--text-default);font-weight:600;text-decoration:none}.site-wordmark span{color:var(--text-signal)}.site-nav{align-items:center;gap:var(--spacing-px-28);margin-left:auto;display:flex}.site-nav :is(a,summary){align-items:center;gap:var(--spacing-px-4);display:flex}.site-nav,.site-signin{font-size:var(--text-nav);font-weight:600}.site-nav a,.site-signin,.site-search{color:var(--text-default);text-decoration:none}.site-search{width:var(--control-h);height:var(--control-h);place-items:center;display:grid}.site-dropdown{position:relative}.site-dropdown>div{top:calc(100% + var(--spacing-px-4));width:var(--container-rail);padding:var(--spacing-px-16);background:var(--surface);box-shadow:var(--shadow-panel);position:absolute;right:0}.site-dropdown>div a{padding:var(--spacing-px-8);color:var(--text-default);text-transform:capitalize;text-decoration:none;display:block}.site-account-menu>summary{min-height:var(--touch-h);align-items:center;gap:var(--spacing-px-4);display:flex}.site-account-menu>div :is(a,button){min-height:var(--touch-h);width:100%;padding:var(--spacing-px-8);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.site-account-menu>div p{padding-inline:var(--spacing-px-8);color:var(--text-error);font-size:var(--text-meta);line-height:var(--lh-meta)}.site-session-pending{height:var(--touch-h);align-items:center;display:flex;position:relative}.site-session-pending:before{content:"Sign in";visibility:hidden}.site-session-pending:after{content:"";height:var(--spacing-px-12);background:var(--border-soft);position:absolute;inset-inline:0}.site-mobile-menu{display:none}.site-footer{margin-top:auto}.site-footer-cta{padding-block:var(--spacing-px-120);text-align:center}.site-footer-cta h2{margin-bottom:var(--spacing-px-54);font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--track-display)}.site-footer-bar{border-top:1px solid var(--border);padding-block-end:calc(var(--spacing-px-44) + var(--spacing-px-24))}.site-footer-bar>div{justify-content:space-between;align-items:center;gap:var(--spacing-px-28);padding-block:var(--spacing-px-32);display:flex}.site-footer-bar nav{gap:var(--spacing-px-28);flex-wrap:wrap;display:flex}.site-footer-bar :is(nav,p){color:var(--text-muted);font-size:var(--text-title);line-height:var(--lh-title)}.site-footer-bar nav a{color:var(--text-on-dark);text-decoration:none}.site-back-top{right:var(--spacing-px-24);bottom:var(--spacing-px-24);width:var(--touch-h);height:var(--touch-h);background:var(--surface-dark-raised);color:var(--text-on-dark);place-items:center;display:grid;position:absolute}.content-sidebar-layout{grid-template-columns:minmax(0, var(--container-prose)) var(--container-rail);justify-content:start;column-gap:var(--spacing-px-82);align-items:start;display:grid}.content-sidebar-main{grid-area:1/1;min-width:0}.content-sidebar-rail{min-width:0;top:calc(var(--spacing-px-70) + var(--spacing-px-32));gap:var(--spacing-px-32);flex-direction:column;grid-area:1/2;display:flex;position:sticky}.public-index{padding-block:var(--spacing-px-82)}.public-index-header,.public-search{margin-bottom:var(--spacing-px-54)}.public-index-header h1,.public-search h1,.public-empty h1{margin-top:var(--spacing-px-10);font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--track-display)}.public-search>div{max-width:var(--container-prose)}.public-search form{margin-top:var(--spacing-px-32)}.public-page{padding-bottom:var(--spacing-px-82)}.public-article-grid{margin-top:var(--spacing-px-54)}.public-policy{padding-block:var(--spacing-px-82)}.public-policy>div{max-width:var(--container-prose)}.public-policy h1{margin-bottom:var(--spacing-px-32);font-size:var(--text-h1);line-height:var(--lh-h1)}.public-empty{place-content:center start;justify-items:start;gap:var(--spacing-px-32);min-height:60vh;display:grid}@media not (min-width:1280px){.site-footer-bar>div{flex-wrap:wrap}}@media not (min-width:1024px){.content-sidebar-layout{row-gap:var(--spacing-px-48);grid-template-columns:minmax(0,1fr)}.content-sidebar-rail{display:contents}.content-sidebar-main,.content-sidebar-rail>*{grid-area:auto/1}.content-sidebar-rail>*{order:1}.content-sidebar-rail>[data-page-toc]{order:-1}}@media not (min-width:768px){.site-header-row>.site-wordmark{margin-right:auto}.site-nav{display:none}.site-mobile-menu{display:block}.site-mobile-menu summary{width:var(--touch-h);height:var(--touch-h);margin-inline:calc(-1 * var(--spacing-px-12));place-items:center;display:grid}.site-mobile-menu nav{left:0;right:0;top:calc(100% + var(--spacing-px-1));padding:var(--spacing-px-8) var(--spacing-px-24) var(--spacing-px-16);background:var(--surface);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-panel);display:grid;position:absolute}.site-mobile-menu nav a{min-height:var(--touch-h);color:var(--text-default);font-size:var(--text-nav);align-items:center;font-weight:600;text-decoration:none;display:flex}.site-mobile-menu nav>p{min-height:var(--touch-h);color:var(--text-muted);font-size:var(--text-nav);align-items:center;font-weight:600;display:flex}.site-mobile-menu nav>.site-mobile-group{display:grid}.site-mobile-menu nav>.site-mobile-group a{padding-left:var(--spacing-px-16);font-weight:500}.site-footer-cta h2{max-width:12ch;margin-inline:auto}.site-footer-cta .button{width:100%;display:flex}.site-footer-bar>div{gap:var(--spacing-px-24);display:grid}}@media not (max-width:768px){:root:has(.admin-bar) .site-footer-bar{padding-block-end:calc(var(--spacing-px-44) + var(--spacing-px-24) + var(--spacing-px-40))}:root:has(.admin-bar) .site-back-top{bottom:calc(var(--spacing-px-24) + var(--spacing-px-40))}}@media not (min-width:360px){.site-search{display:none}}}:is(main,div):is(.learn-detail,.subcategory-page,.public-page,.scanner-page){padding-top:var(--spacing-px-48)}@media not (min-width:768px){:is(main,div):is(.learn-detail,.subcategory-page,.public-page,.scanner-page){padding-top:var(--spacing-px-32)}}
