/* Ipad: layout only. All typography, cards, buttons, images use common.css. */
:root{--cz-ipad-rail:214px;--cz-ipad-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-ipad-top);height:var(--cz-ipad-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-ipad-rail) minmax(0,1fr);width:100%;flex:1;align-items:stretch;min-height:0}
.side-rail{display:flex;position:sticky;top:var(--cz-ipad-top);align-self:start;height:calc(100dvh - var(--cz-ipad-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:none;min-width:0;margin:0;padding:20px 24px 70px}
.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}
/* iPad 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 (orientation:portrait){
 :root{--cz-ipad-rail:184px;--cz-ipad-top:88px}
 .nav{padding:7px 15px;gap:12px}
 .brand-mark-window{width:90px;height:68px}
 .cz-dashboard-tagline strong{font-size:17px}
 .cz-dashboard-tagline span{font-size:12px}
 .wrap{padding:16px 17px 60px}
 .side-rail{padding:18px 8px;gap:6px}
 .side-rail button{padding:12px 9px;font-size:13px}
 .grid,.cz-daily-grid,.library-grid,.cue-grid,.inv-grid,.inventions-grid{grid-template-columns:minmax(0,1fr)}

}
@media (orientation:landscape){
 .grid,.cz-daily-grid,.library-grid,.cue-grid,.inv-grid,.inventions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}