/* v309: additive documentation, pricing, and bounded pointer polish.
   The v308 engine and its motion stylesheet remain unchanged. */
.mz-doc-link,.mz-return { text-align:center; margin:24px auto; max-width:65ch; font-size:15px; line-height:1.8; }
.mz-related-panel { border:1px solid #54c98a35; border-radius:14px; padding:clamp(22px,4vw,34px); margin:38px auto; max-width:820px; text-align:center; background:linear-gradient(145deg,#54c98a09,transparent 70%); }
.mz-related-panel h2 { margin:0 auto 16px; }
.mz-related-panel p { margin:12px auto 0; max-width:62ch; }
.mz-doc-actions { display:flex; gap:12px 26px; flex-wrap:wrap; justify-content:center; }
.mz-doc-actions a,.mz-return a,.mz-card-link,.mz-player-fallback a { display:inline-block; padding-block:10px; text-underline-offset:4px; }
.mz-session-link { display:block; width:fit-content; margin:12px auto 0; padding:8px 6px; font-size:14px; line-height:1.6; text-underline-offset:4px; }
#pricing .mz-pricing-lead { max-width:60ch; margin:20px auto 0; }
#pricing .mz-compare { margin:30px auto; border:1px solid #5a7964; border-radius:12px; padding:0; background:transparent; max-width:1100px; }
#pricing .mz-compare>summary { display:flex; justify-content:center; align-items:center; gap:14px; min-height:58px; padding:16px 24px; cursor:pointer; font-size:16px; font-weight:650; list-style:none; text-align:center; border-radius:11px; }
#pricing .mz-compare>summary::-webkit-details-marker { display:none; }
#pricing .mz-compare>summary::after { content:'+'; position:static; display:inline-block; font-size:22px; line-height:1; color:inherit; }
#pricing .mz-compare[open]>summary::after { content:'−'; }
#pricing .mz-compare[open]>summary { color:#173e2a; background:#54c98a16; border-bottom:1px solid #55776144; border-radius:11px 11px 0 0; }
#pricing .mz-compare .mz-compare-body { padding:8px clamp(12px,3vw,26px) 24px; }
#pricing .mz-compare .tbl-wrap { margin:22px auto 18px; }
#pricing .mz-compare .restraint { margin:28px auto 0; }
#pricing .mz-compare .tbl-note { max-width:75ch; font-size:14px; line-height:1.7; }
.mz-resource-page .mz-resource-section { padding:34px 0 64px; }
.mz-resource-page .mz-resource-section>.wrap { max-width:1120px; }
.mz-resource-page .mz-breadcrumbs { background:transparent; border:0; position:static; margin:0 auto 34px; padding:0; }
.mz-resource-page .mz-breadcrumbs li { font-size:13px; }
.mz-resource-page .mz-resource-hero { max-width:820px; margin:0 auto 36px; text-align:center; }
.mz-resource-page .mz-resource-hero h1 { max-width:26ch; margin:22px auto; font-size:clamp(31px,4.3vw,48px); line-height:1.12; letter-spacing:-.025em; }
.mz-resource-page .mz-resource-hero .sub { max-width:57ch; margin:20px auto; font-size:clamp(17px,1.7vw,20px); line-height:1.7; }
.mz-resource-page .mz-resource-hero .eyebrow { margin:0 0 18px; font-size:12px; letter-spacing:.15em; color:#78dba5; }
.mz-resource-page .mz-byline,.mz-resource-page .mz-session-meta { font-size:13px; color:#bdc8c1; line-height:1.8; margin:16px auto; }
.mz-resource-page .mz-doc-toc { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:800px; margin:0 auto 34px; padding:0; border:0; background:transparent; position:static; }
.mz-doc-toc a { font-size:13px; line-height:1.4; padding:12px 14px; display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1px solid #ffffff24; border-radius:8px; text-align:center; text-decoration:none; color:#d4e6dc; background:#ffffff03; }
.mz-doc-toc a:hover,.mz-doc-toc a:focus-visible { border-color:#78dba5; background:#54c98a0c; }
.mz-resource-page .mz-article-body { max-width:760px; margin:0 auto; text-align:center; }
.mz-resource-page .mz-article-body h2 { max-width:32ch; font-size:clamp(24px,2.6vw,30px); margin:46px auto 20px; line-height:1.25; letter-spacing:-.015em; color:#78dba5; }
.mz-resource-page .mz-article-body p { max-width:65ch; margin:0 auto 20px; font-size:17px; line-height:1.8; letter-spacing:0; text-align:center; color:#e7eee9; }
.mz-resource-page .mz-article-body a,.mz-resource-page .mz-related-panel a { text-underline-offset:4px; text-decoration-thickness:1px; }
.mz-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:32px auto 42px; }
.mz-resource-card { display:flex; flex-direction:column; align-items:center; text-align:center; padding:30px 26px 22px; border:1px solid #ffffff23; border-radius:14px; background:linear-gradient(140deg,#192127,#14191d); color:#edf5f0; text-decoration:none; min-width:0; }
.mz-resource-page .mz-resource-card .eyebrow { font-size:11px; letter-spacing:.13em; margin:0 0 18px; color:#8edeb0; }
.mz-resource-page .mz-resource-card h2 { font-size:25px; line-height:1.25; letter-spacing:-.018em; max-width:24ch; margin:0 auto 16px; color:#f1f6f3; }
.mz-resource-page .mz-resource-card p { margin:0 auto 14px; font-size:16px; line-height:1.75; max-width:45ch; color:#cfdad3; }
.mz-resource-card .mz-card-link { margin-top:auto; color:#8edeb0; font-size:14px; }
.mz-resource-card:focus-visible { outline-offset:4px; }
.mz-definition-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:28px auto; }
.mz-definition-grid.mz-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mz-definition-grid>div { min-width:0; border:1px solid #ffffff21; border-radius:12px; padding:22px 18px; background:#ffffff03; }
.mz-resource-page .mz-definition-grid h3 { color:#d0efdd; font-size:17px; line-height:1.4; margin:0 0 12px; letter-spacing:0; }
.mz-resource-page .mz-definition-grid p { font-size:15px; line-height:1.75; margin:0; color:#cdd9d1; }
.mz-resource-page .mz-formula { font-family:'IBM Plex Mono',monospace; font-size:15px; color:#98e2b7; }
.mz-table-scroll { max-width:100%; overflow-x:auto; border:1px solid #ffffff25; border-radius:12px; margin:28px auto; }
.mz-doc-table { width:100%; min-width:530px; border-collapse:collapse; font-size:15px; line-height:1.65; }
.mz-doc-table caption { padding:16px; font-size:13px; color:#bccfc2; }
.mz-doc-table th,.mz-doc-table td { padding:17px 14px; border-top:1px solid #ffffff20; text-align:center; vertical-align:top; }
.mz-doc-table th { color:#c9f3da; font-weight:650; }
.mz-doc-table td { color:#e2eae5; }
.mz-doc-table thead { background:#54c98a0b; }
.mz-resource-page .mz-watch-hero { margin-bottom:22px; }
.mz-resource-page .mz-watch-hero h1 { font-size:clamp(28px,3.2vw,39px); max-width:31ch; }
.mz-watch-player { width:100%; aspect-ratio:16/9; overflow:hidden; background:#080c0a; border:1px solid #54c98a45; border-radius:14px; box-shadow:0 20px 50px -25px #000; }
.mz-watch-player iframe { display:block; width:100%; height:100%; border:0; }
.mz-player-fallback { text-align:center; font-size:14px; margin:12px auto 30px; }
.mz-resource-page .mz-session-description { font-size:18px; }
@media(max-width:650px) {
 .mz-resource-grid,.mz-definition-grid,.mz-definition-grid.mz-three { grid-template-columns:1fr; }
 .mz-resource-page .mz-resource-section>.wrap { padding-inline:20px; }
 .mz-resource-page .mz-breadcrumbs { margin-bottom:28px; }
 .mz-resource-page .mz-article-body p { font-size:16px; line-height:1.8; }
 .mz-resource-page .mz-resource-hero h1 { max-width:22ch; }
 .mz-resource-card { padding:26px 22px 18px; }
 .mz-resource-page .mz-resource-card h2 { font-size:24px; }
 .mz-watch-player { border-radius:9px; }
 .mz-resource-page .mz-definition-grid p { font-size:15px; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .mz-resource-card { transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .2s; }
 .mz-resource-card:hover { transform:translateY(-3px); border-color:#78dba566; }
 #top .mz-tactile-label { display:inline-block; transform:translate(var(--mz-tx,0px),var(--mz-ty,0px)); transition:transform .16s cubic-bezier(.2,.7,.3,1); }
 #top .mz-panel-glow { position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:6; overflow:hidden; opacity:0; transition:opacity .2s; }
 #top .mz-panel-glow::before { content:''; position:absolute; left:0; top:0; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,#83edaa10,transparent 70%); transform:translate(calc(var(--mz-gx,0px) - 120px),calc(var(--mz-gy,0px) - 120px)); }
 #top .hero-panel:hover .mz-panel-glow { opacity:1; }
}
@media print {
 .mz-resource-page .mz-doc-toc,.mz-watch-player { display:none; }
 .mz-resource-grid,.mz-definition-grid { display:block; }
 .mz-resource-card,.mz-definition-grid>div { break-inside:avoid; margin-bottom:18px; }
}
/* Keep navigation available on long new articles and align anchor landings. */
body.mz-resource-page>nav { position:sticky; top:0; z-index:100; background:#0f1115; }
@media(max-width:650px) {
 .mz-table-scroll { overflow:visible; border:0; }
 .mz-doc-table { display:block; min-width:0; width:100%; }
 .mz-doc-table caption { display:block; text-align:center; padding:0 8px 18px; }
 .mz-doc-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .mz-doc-table tbody { display:block; }
 .mz-doc-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr); border:1px solid #ffffff24; border-radius:12px; margin:0 0 16px; overflow:hidden; }
 .mz-doc-table tbody th { display:block; border:0; padding:18px; background:#54c98a0b; }
 .mz-doc-table tbody td { display:block; padding:18px; }
 .mz-doc-table td::before { content:attr(data-label); display:block; color:#9ddbb8; font:500 11px/1.7 'IBM Plex Mono',monospace; letter-spacing:.04em; margin-bottom:10px; }
}