.cn-shell{background:var(--cn-floodlight), var(--cn-bg);flex-direction:column;min-height:100svh;display:flex}.cn-topbar{background:var(--cn-raise);border-bottom:1px solid var(--cn-line)}.cn-topbar-inner,.cn-main,.cn-footer-inner{width:100%;max-width:76rem;padding-inline:var(--cn-sp-4);margin:0 auto}.cn-main{padding-block:var(--cn-sp-5) var(--cn-sp-7);flex:1}.cn-footer{border-top:1px solid var(--cn-line);margin-top:auto}@supports (padding:max(0px)){.cn-topbar-inner{padding-top:max(0px, env(safe-area-inset-top))}.cn-footer-inner{padding-bottom:max(var(--cn-sp-5), env(safe-area-inset-bottom))}}.cn-topbar-inner{align-items:center;column-gap:var(--cn-sp-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"wordmark theme""tabs tabs";display:grid}.cn-wordmark{align-items:center;gap:var(--cn-sp-2);min-height:44px;color:var(--cn-text);grid-area:wordmark;text-decoration:none;display:flex}.cn-themes{border:1px solid var(--cn-line);border-radius:var(--cn-radius-row);background:var(--cn-surface);grid-area:theme;align-items:stretch;min-inline-size:0;margin:0;padding:0;display:flex;overflow:hidden}.cn-wordmark-bar{background:var(--cn-brand);border-radius:1px;width:3px;height:18px}.cn-wordmark-text{font-size:var(--cn-t-md);letter-spacing:.02em}.cn-tabs{align-items:stretch;gap:var(--cn-sp-4);scrollbar-width:none;grid-area:tabs;display:flex;overflow-x:auto}.cn-theme{min-height:44px;padding:0 var(--cn-sp-3);border:0;border-inline-start:1px solid var(--cn-line);color:var(--cn-dim);font-family:var(--cn-font-sans);font-size:var(--cn-t-sm);cursor:pointer;background:0 0;align-items:center;font-weight:500;display:inline-flex}.cn-theme:first-child{border-inline-start:0}.cn-theme-on{color:var(--cn-brand);background:var(--cn-brand-tint)}.cn-theme:active{background:var(--cn-pressed)}@media (max-width:379px){.cn-theme{padding:0 var(--cn-sp-2);font-size:var(--cn-t-xs)}}.cn-tabs::-webkit-scrollbar{display:none}.cn-tab{min-height:44px;font-size:var(--cn-t-sm);color:var(--cn-dim);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;font-weight:500;text-decoration:none;transition:color .12s;display:flex}.cn-tab-on{color:var(--cn-text);border-bottom-color:var(--cn-brand)}.cn-tab:active{transform:scale(.985)}@media (min-width:720px){.cn-topbar-inner{justify-content:space-between;align-items:center;gap:var(--cn-sp-5);flex-direction:row;display:flex}.cn-tabs{gap:var(--cn-sp-5);margin-inline-start:auto}}.cn-grid{gap:var(--cn-sp-6);grid-template-columns:minmax(0,1fr);display:grid}.cn-col{gap:var(--cn-sp-5);flex-direction:column;min-width:0;display:flex}.cn-rail{display:none}@media (min-width:720px){.cn-grid{max-width:44rem;margin:0 auto}}@media (min-width:1080px){.cn-grid-rail{grid-template-columns:minmax(0,1fr) 20rem;max-width:none}.cn-grid-rail .cn-rail{gap:var(--cn-sp-4);flex-direction:column;display:flex}}.cn-rail-card{padding:var(--cn-sp-4);gap:var(--cn-sp-2);flex-direction:column;display:flex}.cn-rail-title{font-family:var(--cn-font-sans);font-size:var(--cn-t-sm);letter-spacing:0;color:var(--cn-text);margin:0;font-weight:600}.cn-footer-inner{padding-block:var(--cn-sp-3) var(--cn-sp-5);align-items:baseline;gap:var(--cn-sp-5);font-size:var(--cn-t-sm);color:var(--cn-dim);flex-wrap:wrap;display:flex}.cn-footer-links{gap:var(--cn-sp-5);flex-wrap:wrap;display:flex}.cn-link{min-height:44px;color:var(--cn-brand);text-underline-offset:3px;align-items:center;display:inline-flex}.cn-how{font-size:var(--cn-t-sm)}.cn-how[open]{min-width:100%}.cn-how-summary{min-height:44px;color:var(--cn-brand);cursor:pointer;text-underline-offset:3px;align-items:center;text-decoration:underline;display:flex}.cn-how-lines{gap:var(--cn-sp-2);flex-direction:column;max-width:44rem;display:flex}.cn-how-line{font-size:var(--cn-t-sm);color:var(--cn-dim);margin:0;line-height:1.45}@media (prefers-reduced-motion:reduce){.cn-tab{transition:none}.cn-tab:active{transform:none}.cn-theme:active{background:var(--cn-pressed)}}