/* Desktop: layout only. All typography, cards, buttons, images use common.css. */
:root{--cz-desktop-rail:230px;--cz-desktop-top:94px}
body{min-height:100dvh;overflow-x:hidden}
.header{position:sticky;top:0;z-index:100;border-bottom:1px solid #b7e8ee;min-height:var(--cz-desktop-top);height:var(--cz-desktop-top);background:radial-gradient(circle 125px at 92% 10%,rgba(255,255,255,.38) 0 48%,transparent 49%),linear-gradient(110deg,#65dce5 0%,#8ceaf0 52%,#d0f8f8 100%)}
.nav{height:100%;padding:8px 20px;gap:18px;max-width:none;margin:0 auto}
.desktop-menu-btn,.desktop-menu{display:none!important}
.logo{display:flex;align-items:center;flex-shrink:0}
.brand-mark-window{width:106px;height:75px;display:block}
.brand-mark-window img{object-fit:contain}
.cz-dashboard-tagline{display:flex;flex-direction:column;gap:3px;justify-content:center;min-width:0;flex:1;color:#355569;line-height:1.25}
.cz-dashboard-tagline strong{font-size:19px;font-weight:800;color:#117e91}
.cz-dashboard-tagline span{font-size:13px;color:#617688}
.navlinks{display:none}
.site-shell{display:grid;grid-template-columns:var(--cz-desktop-rail) minmax(0,1fr);width:100%;flex:1;align-items:stretch;min-height:0}
.side-rail{display:flex;position:sticky;top:var(--cz-desktop-top);align-self:start;height:calc(100dvh - var(--cz-desktop-top));overflow-y:auto;flex-direction:column;gap:8px;padding:24px 12px;background:radial-gradient(circle 135px at -28% 93%,rgba(0,186,198,.32) 0 58%,transparent 59%),radial-gradient(circle 105px at 115% 15%,rgba(255,255,255,.40) 0 55%,transparent 56%),linear-gradient(165deg,#b3f4f4 0%,#71dfe6 52%,#b1f3f2 100%);border-right:1px solid #c8eaf0;z-index:20}
.side-rail button{width:100%;text-align:left;background:transparent;border:0;border-radius:12px;padding:13px 12px;color:#28586b;font-size:14px;font-weight:700;line-height:1.35;white-space:normal}
.side-rail button.active,.side-rail button[aria-current="page"]{background:#bceef3;color:#15576a}.side-rail button:hover,.side-rail button:focus-visible{background:#d6f5f7;color:#007f91;outline:none}
.wrap{width:100%;max-width:1320px;min-width:0;margin:0 auto;padding:24px 36px 76px}
.wrap>section{margin-top:20px}
.wrap>section#home{margin-top:4px}
#home>.hero{display:none!important}
.about,.detail,.review-wrap{padding:30px 25px}
.site-footer{margin-top:auto;position:static;padding:20px 24px}
/* Laptop cards: mobile styling, with available width used intentionally. */
.grid,.cz-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.library-grid,.cue-grid,.inv-grid,.inventions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.cue-card,.inv-card{min-width:0}

@media (min-width:1500px){.wrap{padding-left:48px;padding-right:48px}}