:root{--color-primary:#2f7cff;--color-primary-light:#4fd8ff;--color-primary-dark:#172a4a;--color-primary-cta:#2467d8;--color-primary-hover:#2467d8;--color-bg:#fff7e8;--color-bg-soft:#fffdf8;--color-bg-screen:#f7fbff;--color-bg-blue:#eaf3ff;--color-paper:#fff;--color-ink:#263247;--color-heading:#172a4a;--color-muted:#63718a;--color-line:#dcebff;--color-blue:var(--color-primary);--color-cyan:var(--color-primary-light);--color-green:#7be0c3;--color-yellow:#ffd85a;--color-violet:#9d8cff;--color-ito:#ffd85a;--color-yui:#7be0c3;--color-makoto:#e8cfa6;--color-pico:#4fd8ff;--color-alert:#ff8a7a;--color-alert-text:#d85c4a;--gradient-hero:radial-gradient(circle at 75% 45%, #4fd8ff59, transparent 32%), linear-gradient(135deg, #fff7e8 0%, #f7fbff 45%, #eaf3ff 100%);--gradient-data:linear-gradient(135deg, #172a4a 0%, #234a8a 45%, #2f7cff 100%);--gradient-lab:linear-gradient(180deg, #fff7e8 0%, #fffdf8 100%);--shadow-card:0 18px 44px #172a4a1a;--shadow-soft:0 12px 26px #172a4a12;--radius:8px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Yu Gothic UI", Meiryo, sans-serif;--font-rounded:"Hiragino Maru Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--page-max-width:1180px;--page-gutter:clamp(1rem, 4vw, 2rem);--header-height:74px}*{box-sizing:border-box}html{min-width:320px;color:var(--color-ink);background:radial-gradient(circle at 14% 8%, #4fd8ff38, transparent 26rem), radial-gradient(circle at 88% 14%, #ffd85a33, transparent 24rem), var(--gradient-hero);font-family:var(--font-sans);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.8}body{min-width:320px;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#2f7cff0a 1px,#0000 1px),linear-gradient(90deg,#2f7cff09 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;mask-image:linear-gradient(#000 0%,#0000 78%)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto}.optimized-picture,.optimized-picture>img{display:block}button,input,textarea{font:inherit}:where(a,button,input,textarea):focus-visible{outline-offset:3px;outline:3px solid #4fd8ff9e}:where([id]){scroll-margin-top:calc(var(--header-height) + 1rem)}.skip-link{z-index:100;color:#fff;background:var(--color-blue);border-radius:var(--radius);padding:.55rem .8rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-blind{z-index:9001;pointer-events:none;visibility:hidden;contain:layout paint;position:fixed;inset:0;overflow:hidden}.page-blind__panel{transform-origin:0 0;will-change:transform;display:block;position:absolute;inset:0;transform:scaleX(0)}.page-blind__panel--one{z-index:3;background:var(--color-primary)}.page-blind__panel--two{z-index:2;background:var(--color-bg-blue)}.page-blind__panel--three{z-index:1;background:var(--color-primary-dark)}html.is-page-booting .page-blind,html.is-page-entering .page-blind,html.is-page-leaving .page-blind{pointer-events:auto;visibility:visible}html.is-page-booting .page-blind__panel{transform:scaleX(1)}html.is-page-entering .page-blind__panel{animation:.42s cubic-bezier(.76,0,.24,1) both pageBlindRevealX}html.is-page-entering .page-blind__panel--one{animation-delay:0s}html.is-page-entering .page-blind__panel--two{animation-delay:30ms}html.is-page-entering .page-blind__panel--three{animation-delay:60ms}html.is-page-leaving .page-blind__panel{animation:.42s cubic-bezier(.76,0,.24,1) both pageBlindCoverX}html.is-page-leaving .page-blind__panel--one{animation-delay:60ms}html.is-page-leaving .page-blind__panel--two{animation-delay:30ms}html.is-page-leaving .page-blind__panel--three{animation-delay:0s}@keyframes pageBlindRevealX{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pageBlindCoverX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pageBlindRevealY{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes pageBlindCoverY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width<=720px){.page-blind__panel{transform:scaleY(0)}html.is-page-booting .page-blind__panel{transform:scaleY(1)}html.is-page-entering .page-blind__panel{animation-name:pageBlindRevealY}html.is-page-leaving .page-blind__panel{animation-name:pageBlindCoverY}}@media (prefers-reduced-motion:reduce){.page-blind{display:none}}.site-header{z-index:40;border-bottom:1px solid var(--color-line);backdrop-filter:blur(18px);background:#fffdf8eb;position:sticky;top:0;box-shadow:0 12px 28px #172a4a0f}.site-header__inner{width:min(var(--page-max-width), calc(100% - var(--page-gutter) * 2));min-height:var(--header-height);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.site-brand{align-items:center;gap:.75rem;min-width:0;font-weight:700;line-height:1.25;display:inline-flex}.site-brand__mark{object-fit:contain;width:3rem;height:3rem;box-shadow:var(--shadow-soft);background:#fff;border-radius:14px;flex:none;padding:.26rem}.site-brand__name,.site-brand__tagline{display:block}.site-brand__name{color:var(--color-ink);font-family:var(--font-rounded);font-size:1.08rem}.site-brand__tagline{color:var(--color-muted);font-size:.72rem;font-weight:600}.site-nav{color:#42566a;white-space:nowrap;align-items:center;gap:clamp(.6rem,2vw,1.15rem);font-size:.86rem;font-weight:700;display:flex}.site-nav a{border-bottom:2px solid #0000;align-items:center;min-height:2.4rem;display:inline-flex}.site-nav a:hover{color:var(--color-blue);border-color:var(--color-cyan)}.site-header__cta,.button{min-height:2.75rem;color:var(--color-primary-dark);border:1px solid var(--color-line);border-radius:var(--radius);background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1rem;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 8px 18px #172a4a12}.site-header__cta:hover,.button:hover{color:var(--color-primary-dark);background:var(--color-bg-screen);border-color:var(--color-primary-light);transform:translateY(-1px)}.button--primary{color:#fff;background:var(--color-primary-cta);border-color:var(--color-primary-cta)}.button--primary:hover{color:#fff;background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button--quiet{color:var(--color-primary-dark);background:#fffdf8c7}.section-container{width:min(var(--page-max-width), calc(100% - var(--page-gutter) * 2));margin-inline:auto}.band-section{padding:clamp(3.5rem,7vw,6rem) 0}.band-section--soft{border-block:1px solid var(--color-line);background:linear-gradient(#fffdf8b8,#f7fbffdb),#fffdf89e}.section-heading{max-width:47rem;margin-bottom:clamp(1.4rem,3vw,2.2rem)}.section-heading--center{text-align:center;margin-inline:auto}.section-heading__eyebrow{color:var(--color-blue);margin:0 0 .45rem;font-size:.78rem;font-weight:900}.section-heading h2{font-family:var(--font-rounded);margin:0;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.35}.section-heading__lead{color:var(--color-muted);margin:.8rem 0 0;font-size:clamp(.98rem,1.5vw,1.08rem)}.hero-section{width:min(1280px, calc(100% - var(--page-gutter) * 2));min-height:calc(100svh - var(--header-height));grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,4rem);margin:0 auto;padding:clamp(2.4rem,5vw,4.8rem) 0;display:grid}.hero-section__eyebrow{width:fit-content;color:var(--color-blue);border-radius:var(--radius);background:#4fd8ff24;border:1px solid #4fd8ff52;margin:0 0 1rem;padding:.35rem .6rem;font-size:.84rem;font-weight:900}.hero-section h1{font-family:var(--font-rounded);margin:0;font-size:clamp(1.75rem,2.75vw,2.55rem);line-height:1.14}.hero-section__lead{max-width:41rem;color:var(--color-muted);margin:1.25rem 0 0;font-size:clamp(1rem,1.7vw,1.16rem)}.hero-section__visual{min-width:0;position:relative}.hero-section__visual img{width:100%;box-shadow:var(--shadow-card);border-radius:24px;display:block}.hero-section__mini-card{min-height:3rem;color:var(--color-primary-dark);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fffdf8e6;align-items:center;padding:.7rem .9rem;font-size:.88rem;font-weight:900;display:flex;position:absolute}.hero-section__mini-card--one{bottom:10%;left:6%}.hero-section__mini-card--two{top:12%;right:6%}.about-grid{grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.about-grid__body{color:var(--color-ink);font-size:1.02rem}.about-grid__body p{margin:0 0 1rem}.about-grid__points{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.4rem;display:grid}.about-grid__points span,.term-cloud a,.side-tags a,.story-focus span{min-height:2.35rem;color:var(--color-blue);border-radius:var(--radius);background:#eef7ff;border:1px solid #cbe5ff;align-items:center;padding:.45rem .7rem;font-size:.86rem;font-weight:800;display:inline-flex}.first-story-section{grid-template-columns:minmax(0,.86fr) minmax(20rem,1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(3.5rem,7vw,6rem) 0;display:grid}.related-link-list{gap:.7rem;margin-top:1.4rem;display:grid}.related-link-list a{min-height:3rem;color:var(--color-primary-dark);border:1px solid var(--color-line);border-radius:var(--radius);background:#fffdf8d6;align-items:center;padding:.72rem .9rem;font-weight:800;display:flex}.related-link-list a:hover{color:var(--color-blue);border-color:var(--color-primary-light);background:#dff2ff}.story-card,.guide-card,.character-card,.audience-grid article,.roadmap-card,.glossary-grid article,.character-detail-list article,.content-side section{border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffe6}.story-card{overflow:hidden}.story-card a{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);min-height:100%;display:grid}.story-card img{aspect-ratio:16/9;object-fit:cover;background:var(--color-bg-soft);width:100%;height:auto}.story-card__media{aspect-ratio:16/9;align-self:start;width:100%;min-height:0;display:block;overflow:hidden}.story-card div{padding:clamp(1.1rem,2vw,1.4rem)}.story-card span,.story-card small,.guide-card__cluster,.guide-card__meta{color:var(--color-muted);font-size:.78rem;font-weight:800}.story-card h3,.guide-card h3,.character-card h3,.audience-grid h3,.roadmap-card h3{color:var(--color-ink);font-family:var(--font-rounded);margin:.35rem 0 .55rem;font-size:1.18rem;line-height:1.45}.story-card p,.guide-card p,.character-card p,.audience-grid p,.roadmap-card p{color:#4b5f72;margin:0}.story-card p,.guide-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.character-card{padding:1rem}.character-card img{aspect-ratio:4/5;object-fit:contain;background:color-mix(in srgb, var(--character-color) 10%, #fff);border-radius:var(--radius);width:100%}.character-card .optimized-picture,.character-detail-list .optimized-picture{width:100%}.character-card>p:first-of-type,.character-detail-list article>div>p:first-child{color:var(--character-color);margin:.8rem 0 0;font-size:.8rem;font-weight:900}.character-card blockquote,.character-detail-list blockquote{color:#294057;background:color-mix(in srgb, var(--character-color) 12%, #fffdf8);border:1px solid color-mix(in srgb, var(--character-color) 28%, var(--color-line));border-radius:0;margin:.9rem 0 0;padding:.9rem .95rem;font-weight:800}.roadmap-section,.audience-section,.recommended-section{padding:clamp(3.5rem,7vw,6rem) 0}.roadmap-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.roadmap-grid--page{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-card{flex-direction:column;min-height:15rem;padding:1.1rem;display:flex}.roadmap-card>span{color:#fff;background:linear-gradient(135deg, var(--color-blue), var(--color-cyan));border-radius:var(--radius);place-items:center;width:2.6rem;height:2.6rem;font-weight:900;display:inline-grid}.roadmap-card h2{font-family:var(--font-rounded);margin:.8rem 0 .5rem;font-size:1.2rem;line-height:1.45}.roadmap-card small{color:var(--color-blue);margin-top:auto;font-weight:800}.glossary-preview{grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(1.6rem,4vw,3rem);display:grid}.term-cloud{flex-wrap:wrap;gap:.7rem;display:flex}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.audience-grid article{min-height:13rem;padding:1.15rem}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.guide-card a:not(.guide-card__cluster){flex-direction:column;min-height:15rem;padding:1.2rem;display:flex}.guide-card__media{aspect-ratio:16/9;background:var(--color-bg-blue);border:2px solid #2f7cff2e;border-radius:6px;flex-shrink:0;width:100%;margin:.25rem 0 .8rem;display:block;overflow:hidden}.guide-card__eyecatch,.guide-card__media .optimized-picture{object-fit:cover;width:100%;height:100%;display:block}.guide-index-page .guide-card{transition:none}.guide-index-page .guide-card:hover{transform:none}.guide-index-page .guide-card__body:is(:hover,:focus-visible) h3{color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){.guide-index-page .guide-card__eyecatch{transition:transform .18s}.guide-index-page .guide-card h3{transition:color .18s}.guide-index-page .guide-card__body:is(:hover,:focus-visible) .guide-card__eyecatch{transform:scale(1.02)}}.guide-card__meta{margin-top:auto;padding-top:1.25rem}.final-cta{padding:clamp(3.5rem,7vw,6rem) 0}.final-cta__inner{color:#fff;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#172a4af0,#2f7cffc7),url(/images/hero/data-road.svg) 50%/cover;border-radius:24px;padding:clamp(1.5rem,4vw,3rem)}.final-cta p{margin:0;font-weight:900}.final-cta h2{max-width:48rem;font-family:var(--font-rounded);margin:.55rem 0 1.4rem;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.35}.final-cta div div{flex-wrap:wrap;gap:.75rem;display:flex}.site-footer{border-top:1px solid var(--color-line);background:#fffdf8d6;margin-top:2rem;padding:3rem 0}.site-footer__inner{width:min(var(--page-max-width), calc(100% - var(--page-gutter) * 2));grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);gap:2rem;margin-inline:auto;display:grid}.site-footer__brand p,.site-footer__copy{max-width:32rem;color:var(--color-muted);margin:1rem 0 0}.site-footer__links{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.site-footer__links section{align-content:start;gap:.45rem;display:grid}.site-footer__links p{color:var(--color-blue);margin:0 0 .25rem;font-weight:900}.site-footer__links a{color:var(--color-muted);font-size:.9rem;font-weight:700}.site-footer__links a:hover{color:var(--color-blue)}.site-footer__copy{grid-column:1/-1;font-size:.86rem}.listing-page{padding:clamp(3rem,7vw,5.5rem) 0}.wide-figure,.story-figure{margin:0}.wide-figure img,.story-figure img{border:1px solid var(--color-line);width:100%;box-shadow:var(--shadow-card);border-radius:16px;display:block}.wide-figure .optimized-picture,.story-figure .optimized-picture{width:100%}.wide-figure figcaption,.story-figure figcaption{color:var(--color-muted);margin-top:.65rem;font-size:.86rem;font-weight:700;line-height:1.7}.page-lead-figure{margin-bottom:clamp(1.5rem,4vw,2.4rem)}.lab-page .section-heading{max-width:54rem}.lab-section{gap:clamp(1rem,3vw,1.6rem);padding-top:clamp(2.5rem,6vw,5rem);display:grid}.lab-section:nth-of-type(3){grid-template-columns:1fr}.lab-copy h2{font-family:var(--font-rounded);margin:0 0 .7rem;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.4}.lab-copy p{color:#4b5f72;max-width:54rem;margin:1.1rem 0}.lab-copy .wide-figure{margin-top:.9rem;margin-bottom:1.2rem}.lab-point-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.25rem;display:grid}.lab-point-grid article{border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffe6;padding:1rem}.lab-point-grid h3{font-family:var(--font-rounded);margin:0 0 .35rem;font-size:1.05rem}.lab-point-grid p{margin:0;font-size:.94rem}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.glossary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.glossary-grid article{padding:1rem}.glossary-grid h2{font-family:var(--font-rounded);margin:0 0 .45rem;font-size:1.15rem}.glossary-grid p{color:#4b5f72;margin:0}.character-detail-list{gap:1rem;display:grid}.character-detail-list article{grid-template-columns:12rem minmax(0,1fr);align-items:center;gap:1.2rem;padding:1rem;display:grid}.character-detail-list img{aspect-ratio:4/5;object-fit:contain;border-radius:var(--radius);background:color-mix(in srgb, var(--character-color) 10%, #fff);width:100%}.character-detail-list h2{font-family:var(--font-rounded);margin:.25rem 0 .55rem;font-size:1.45rem}.character-detail-list p{color:#4b5f72;margin:0}.content-page{padding-bottom:4rem}.content-hero{width:min(var(--page-max-width), calc(100% - var(--page-gutter) * 2));grid-template-columns:minmax(0,1fr) minmax(20rem,.78fr);align-items:center;gap:clamp(1.4rem,4vw,3rem);margin:0 auto;padding:clamp(3rem,6vw,5rem) 0;display:grid}.content-hero>div>p:first-child{width:fit-content;color:var(--color-blue);border-radius:var(--radius);background:#38c6d91f;margin:0 0 .8rem;padding:.32rem .6rem;font-weight:900}.content-hero h1{font-family:var(--font-rounded);margin:0;font-size:clamp(1.65rem,3.2vw,2.75rem);line-height:1.28}.content-hero>div>p:not(:first-child){color:#405467;max-width:48rem;margin:1rem 0 0;font-size:1.04rem}.content-hero img{width:100%;box-shadow:var(--shadow-card);border-radius:20px}.content-hero__media{width:100%;min-width:0}.content-meta{flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 0;display:flex}.content-meta div{border:1px solid var(--color-line);border-radius:var(--radius);background:#ffffffd1;align-content:center;min-height:3.3rem;padding:.5rem .75rem;display:grid}.content-meta dt{color:var(--color-muted);font-size:.72rem;font-weight:800}.content-meta dd{color:#203042;margin:0;font-weight:900}.content-layout{width:min(860px, calc(100% - var(--page-gutter) * 2));grid-template-columns:1fr;align-items:start;gap:clamp(1.2rem,4vw,2.4rem);margin-inline:auto;display:grid}.prose{overflow-wrap:anywhere;border:1px solid var(--color-line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-soft);background:#ffffffeb;padding:clamp(1.25rem,3.2vw,2.4rem)}.story-prose{width:min(840px, calc(100% - var(--page-gutter) * 2));margin-inline:auto}.prose>:first-child{margin-top:0}.prose h2{font-family:var(--font-rounded);margin:2.4rem 0 .8rem;padding-top:.2rem;font-size:clamp(1.45rem,3vw,2rem);line-height:1.45}.prose h3{font-family:var(--font-rounded);margin:2rem 0 .7rem;font-size:1.25rem;line-height:1.45}.prose p,.prose li{color:#33465b;font-size:1rem}.prose a{color:var(--color-blue);text-underline-offset:.18em;text-decoration:underline .08em;text-decoration-color:color-mix(in srgb, var(--color-blue) 70%, #fff);font-weight:800;transition:color .16s,opacity .16s,text-decoration-color .16s}.prose a:hover{color:color-mix(in srgb, var(--color-blue) 68%, #fff);text-decoration-color:color-mix(in srgb, var(--color-blue) 42%, #fff)}.prose .astro-code.github-dark[data-language=text],.prose .astro-code.github-dark[data-language=txt]{border:1px solid var(--color-line);border-radius:var(--radius);font-family:var(--font-sans);padding:1rem 1.15rem;font-size:.95rem;line-height:1.9;color:var(--color-ink)!important;background:var(--color-bg-screen)!important}.glossary-hint{color:inherit;cursor:help;background:linear-gradient(#0000 52%,#ffd85a6b 52%);border-radius:5px;outline:0;padding:.02em .14em .04em;font-weight:850;text-decoration:none;display:inline}.glossary-hint:hover,.glossary-hint:focus-visible{background:#ffd85a85;box-shadow:0 0 0 3px #ffd85a3d}.glossary-floating-tooltip{box-sizing:border-box;z-index:1000;width:min(20rem,100vw - 1.5rem);color:var(--color-primary-dark);opacity:0;pointer-events:auto;background:linear-gradient(#fff9dc 0%,#fffdf8 100%);border:2px solid #172a4a24;border-radius:10px;gap:.35rem;max-height:calc(100dvh - 1rem);padding:.85rem .95rem;transition:opacity .16s,transform .16s;display:grid;position:fixed;overflow-y:auto;transform:translateY(.25rem);box-shadow:0 18px 40px #172a4a29}.glossary-floating-tooltip[hidden]{display:none}.glossary-floating-tooltip.is-visible{opacity:1;transform:translateY(0)}.glossary-floating-tooltip strong{font-family:var(--font-rounded);font-size:.98rem;line-height:1.35}.glossary-floating-tooltip span{color:#33465b;font-size:.88rem;font-weight:800;line-height:1.65}.prose blockquote{color:var(--color-primary-dark);border:1px solid color-mix(in srgb, var(--color-yellow) 48%, var(--color-line));background:#fffaf0;border-radius:0;margin:1.55rem 0;padding:1.15rem clamp(1rem,3vw,1.35rem);font-weight:800}.prose blockquote p{margin:0}.dialogue-block{gap:.8rem;margin:1.35rem 0;display:grid}.dialogue-line{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.dialogue-line__bubble{background:color-mix(in srgb, var(--character-color) 16%, #fffdf8);border:1px solid color-mix(in srgb, var(--character-color) 62%, #dcebff);border-radius:var(--radius);width:100%;padding:.9rem 1rem;position:relative;box-shadow:0 10px 22px #172a4a12}.dialogue-line__bubble:before{content:"";background:color-mix(in srgb, var(--character-color) 16%, #fffdf8);border-left:1px solid color-mix(in srgb, var(--character-color) 62%, #dcebff);border-bottom:1px solid color-mix(in srgb, var(--character-color) 62%, #dcebff);width:.85rem;height:.85rem;position:absolute;top:50%;left:-.5rem;transform:translateY(-50%)rotate(45deg)}.dialogue-line__speaker{color:color-mix(in srgb, var(--character-color) 58%, var(--color-primary-dark));margin:0 0 .2rem;font-size:.84rem;font-weight:800}.dialogue-line__bubble p:last-child{margin:0}.dialogue-avatar{color:#fff;background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--character-color) 24%, transparent), transparent 66%), linear-gradient(180deg, #fffdf8fa, color-mix(in srgb, var(--character-color) 12%, #fff7e8));border:3px solid #fffdf8eb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #172a4a24}.dialogue-avatar>.optimized-picture{width:100%;height:100%}.dialogue-avatar>img,.dialogue-avatar>.optimized-picture>img{object-fit:cover;object-position:center;filter:drop-shadow(0 .4rem .55rem #2a21142e);width:100%;height:100%;display:block;transform:none}.dialogue-avatar--pico>img,.dialogue-avatar--pico>.optimized-picture>img{object-fit:cover;object-position:center;transform:none}.prose .story-figure{margin:2rem 0}.prose h2+.story-figure{margin-top:1rem}.prose ul,.prose ol{padding-left:1.35rem}.prose .info-flow{color:#263247;border:1px solid color-mix(in srgb, var(--color-blue) 18%, var(--color-line));width:100%;font-family:var(--font-sans);background:linear-gradient(#fffdf8 0%,#f7fbff 100%);border-radius:12px;gap:.16rem;margin:1.6rem 0;padding:clamp(1rem,2.6vw,1.35rem);font-size:.95rem;line-height:1.45;display:grid;overflow-x:auto;box-shadow:0 14px 28px #172a4a12}.prose .info-flow p{min-width:max-content;margin:0}.prose .info-flow__arrow{color:color-mix(in srgb, var(--color-blue) 58%, var(--color-muted));font-size:.86rem;font-weight:900;line-height:.6}.prose table{table-layout:fixed;border:1px solid color-mix(in srgb, var(--color-blue) 22%, var(--color-line));border-spacing:0;background:#fff;border-radius:12px;width:100%;margin:1.6rem 0;display:table;overflow:hidden;box-shadow:0 14px 28px #172a4a12}.prose thead,.prose tbody,.prose tr{width:100%}.prose th,.prose td{overflow-wrap:anywhere;white-space:normal;color:#33465b;text-align:left;vertical-align:top;border-left:1px solid #2f7cff24;min-width:0;padding:.78rem .9rem;font-size:.94rem;line-height:1.65}.prose th:first-child,.prose td:first-child{border-left:0}.prose th{color:var(--color-primary-dark);white-space:normal;background:#eaf8ff;font-weight:900}.prose>table:has(tr>:nth-child(2):last-child) tr>:first-child{width:30%}.prose td{border-top:1px solid #2f7cff24}.prose tbody tr:nth-child(2n) td{background:#f8fcff}.prose tbody tr:hover td{background:#fff9e8}@media (width<=600px){.prose .mac-address-comparison table{table-layout:fixed;display:table}.prose .mac-address-comparison th,.prose .mac-address-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .mac-address-comparison th:first-child{width:24%}}.prose strong{color:#203042}.content-side{grid-template-columns:1fr;gap:1rem;display:grid}.content-side section{padding:1rem}.content-side p{color:#203042;margin:0 0 .55rem;font-size:.8rem;font-weight:900}.content-side strong{color:#294057;line-height:1.65}.side-tags{flex-wrap:wrap;gap:.45rem;display:flex}.side-story-link{color:var(--color-blue);text-decoration:underline .08em;text-decoration-color:color-mix(in srgb, var(--color-blue) 70%, #fff);text-underline-offset:.18em;font-weight:900;transition:color .16s,text-decoration-color .16s}.side-story-link:hover{color:color-mix(in srgb, var(--color-blue) 68%, #fff);text-decoration-color:color-mix(in srgb, var(--color-blue) 42%, #fff)}.story-focus{flex-wrap:wrap;gap:.55rem;margin-top:1.2rem;display:flex}.related-section{padding-top:clamp(2rem,5vw,4rem)}.related-section h2,.next-action h2{font-family:var(--font-rounded);margin:0 0 1rem}.next-action{border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffe6;margin-top:2rem;padding:clamp(1.25rem,3vw,2rem)}.next-action p{color:#4b5f72;margin:0 0 1rem}.story-pager{grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.25rem);margin-top:2rem;display:grid}.story-pager__link{border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);color:var(--color-primary-dark);background:#ffffffe6;flex-direction:column;gap:.35rem;padding:clamp(1rem,2.5vw,1.4rem);text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.story-pager__link--next{text-align:right;align-items:flex-end}.story-pager__link--empty{box-shadow:none;pointer-events:none;background:0 0;border:none}a.story-pager__link:hover{box-shadow:var(--shadow-hover,var(--shadow-soft));transform:translateY(-2px)}.story-pager__dir{font-family:var(--font-rounded);color:var(--color-primary-cta);font-size:.78rem;font-weight:900}.story-pager__title{font-weight:800;line-height:1.4}@media (width<=640px){.story-pager{grid-template-columns:1fr}.story-pager__link--empty{display:none}.story-pager__link--next{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.button,.site-header__cta,.story-card,.guide-card,.roadmap-card,.character-card{transition:transform .18s,border-color .18s,box-shadow .18s}.story-card:hover,.guide-card:hover,.roadmap-card:hover,.character-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}}@media (width<=1040px){.site-header__inner{flex-wrap:wrap;min-height:auto;padding:.7rem 0}.site-nav{order:3;width:100%;padding-bottom:.1rem;overflow-x:auto}.hero-section,.about-grid,.first-story-section,.glossary-preview,.content-hero,.content-layout,.site-footer__inner,.lab-section,.lab-section:nth-of-type(3){grid-template-columns:1fr}.hero-section{min-height:auto}.content-side{grid-template-columns:1fr}.character-grid,.roadmap-grid,.audience-grid,.glossary-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){:root{--header-height:112px}.dialogue-line{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.65rem}.dialogue-avatar{width:3rem;height:3rem;margin-left:0}.dialogue-line__bubble:before{border-top:0;border-bottom:1px solid #0d5d5f33;border-left:1px solid #0d5d5f33;border-right:0;top:1.5rem;left:-.45rem;transform:translateY(-50%)rotate(45deg)}.site-header__cta{display:none}.site-brand__mark{width:2.55rem;height:2.55rem}.site-brand__tagline{max-width:13rem}.hero-section{padding-top:2rem}.hero-section h1{font-size:clamp(1.42rem,6.2vw,1.78rem)}.hero-section__actions,.final-cta div div{display:grid}.button{width:100%}.hero-section__mini-card{margin-top:.55rem;position:static}.about-grid__points,.character-grid,.roadmap-grid,.roadmap-grid--page,.audience-grid,.glossary-grid,.guide-grid,.story-grid,.lab-point-grid,.site-footer__links,.content-side,.story-card a{grid-template-columns:1fr}.story-card img{min-height:0}.character-detail-list article{grid-template-columns:1fr}.character-detail-list img{width:min(12rem,100%)}.content-hero{padding-top:2.2rem}.content-meta{display:grid}.prose{padding:1.1rem}.final-cta__inner{border-radius:var(--radius)}}:root{--color-lime:var(--color-ito);--color-coral:var(--color-alert);--color-navy:var(--color-primary-dark);--color-cream:var(--color-bg)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.is-menu-open,body.is-menu-closing{overflow:hidden}.site-header{z-index:70;height:0;box-shadow:none;pointer-events:none;backdrop-filter:none;background:0 0;border:0;position:fixed;inset:0 0 auto}.site-brand--header{z-index:72;color:#fff;pointer-events:auto;backdrop-filter:blur(14px);background:#172a4aad;border:1px solid #fffdf852;border-radius:999px;max-width:min(19rem,100vw - 8rem);min-height:4.1rem;padding:.45rem .95rem .45rem .5rem;position:fixed;top:1.1rem;left:clamp(1rem,3vw,2.5rem);box-shadow:0 18px 38px #172a4a2e}.site-brand--header .site-brand__mark{width:3.1rem;height:3.1rem;box-shadow:none;border-radius:50%;padding:.32rem}.site-brand--header .site-brand__name{color:#fff;font-size:1.06rem}.site-brand--header .site-brand__tagline{color:#ffffffc2}.site-header__center{z-index:71;color:#ffffffd1;text-shadow:0 2px 16px #07121c6b;pointer-events:none;margin:0;font-size:.82rem;font-weight:900;line-height:1;position:fixed;top:1.55rem;left:50%;transform:translate(-50%)}.site-side-nav{display:none}.home-template .site-side-nav{z-index:66;pointer-events:auto;gap:.95rem;display:grid;position:absolute;bottom:clamp(7.4rem,15vh,10rem);left:clamp(1.4rem,4vw,4.6rem)}.site-side-nav a{color:#fff;text-shadow:0 2px 14px #00000061;gap:.08rem;min-width:9.8rem;text-decoration:none;transition:color .18s,transform .18s;display:grid;position:relative}.site-side-nav a:before{content:"";background:var(--color-lime);opacity:0;border:2px solid #fff;border-radius:50%;width:.45rem;height:.45rem;transition:opacity .18s,transform .18s;position:absolute;top:.63rem;left:-1.15rem;transform:translateY(.45rem)}.site-side-nav strong{font-size:clamp(1.08rem,1.35vw,1.35rem);line-height:1.08}.site-side-nav span{color:#ffffffc7;font-size:.72rem;font-weight:900}.site-side-nav a:hover{color:var(--color-lime);transform:translate(.25rem)}.site-side-nav a:hover:before{opacity:1;transform:translateY(0)}body.is-menu-open .site-side-nav,body.is-menu-closing .site-side-nav{opacity:0;pointer-events:none}.menu-toggle{z-index:75;color:#fff;cursor:pointer;pointer-events:auto;backdrop-filter:blur(14px);background:#172a4a9e;border:1px solid #fffdf84d;border-radius:999px;width:5.1rem;height:3.9rem;padding:0;position:fixed;top:1.1rem;right:clamp(1rem,3vw,2.5rem);box-shadow:0 18px 38px #172a4a29}.menu-toggle span:not(.visually-hidden){content:"";transform-origin:50%;background:currentColor;border-radius:999px;height:2px;transition:transform .26s cubic-bezier(.63,0,.33,1),top .26s cubic-bezier(.63,0,.33,1),color .18s;position:absolute;left:1.1rem;right:1.1rem}.menu-toggle span:nth-of-type(2){top:1.55rem}.menu-toggle span:nth-of-type(3){top:2.2rem}.menu-toggle:hover span:not(.visually-hidden){transform:scaleX(.68)}body.is-menu-open .menu-toggle{color:var(--color-primary-dark);background:#fffdf8e0}body.is-menu-open .menu-toggle span:nth-of-type(2){top:1.87rem;transform:rotate(20deg)}body.is-menu-open .menu-toggle span:nth-of-type(3){top:1.87rem;transform:rotate(-20deg)}body:not(.home-template) #content{padding-top:var(--header-height)}body:not(.home-template) .site-header__center{color:#172a4ac2;text-shadow:none}.global-menu{z-index:64;visibility:hidden;pointer-events:none;position:fixed;inset:0}.global-menu__backdrop,.global-menu__panel{transform-origin:100% 0;position:absolute;inset:0}.global-menu__backdrop{z-index:0;background:var(--gradient-data);transition:transform .43s cubic-bezier(.63,0,.33,1) 80ms;transform:scaleX(0)skew(20deg)}.global-menu__panel{z-index:1;opacity:0;background:radial-gradient(circle at 72% 28%,#4fd8ff52,#0000 30%),linear-gradient(135deg,#fff7e8fa,#eaf3fff5),#fffdf8;transition:opacity 1ms linear .52s,transform .52s cubic-bezier(.63,0,.33,1) 80ms;overflow:hidden;transform:scaleX(0)skew(20deg)}body.is-menu-open .global-menu,body.is-menu-closing .global-menu{visibility:visible}body.is-menu-open .global-menu{pointer-events:auto}body.is-menu-open .global-menu__backdrop,body.is-menu-open .global-menu__panel{opacity:1;transform:scaleX(1)skew(0)}body.is-menu-open .global-menu__panel{transition:opacity 1ms linear,transform .6s cubic-bezier(.63,0,.33,1)}body.is-menu-open .global-menu__backdrop{transition:transform .6s cubic-bezier(.63,0,.33,1)}body.is-menu-closing .global-menu__backdrop,body.is-menu-closing .global-menu__panel{opacity:1;transition:transform .43s cubic-bezier(.63,0,.33,1) .39s;transform:scaleX(0)skew(20deg)}.global-menu__title{z-index:0;color:#ffffff85;font-family:var(--font-rounded);opacity:0;pointer-events:none;margin:0;font-size:clamp(5.4rem,20vw,20rem);font-weight:900;line-height:.85;transition:opacity .26s;position:absolute;top:-.08em;left:clamp(.5rem,2vw,2rem)}.global-menu__list{z-index:3;width:min(760px, calc(100% - var(--page-gutter) * 2));gap:.15rem;margin:0 auto;padding-top:clamp(7rem,13vh,9.5rem);transition:opacity .26s;display:grid;position:relative}.global-menu__list a{--menu-x:4rem;--menu-r:4deg;--menu-d:0s;min-height:clamp(3.7rem,7vh,5rem);color:var(--color-primary-dark);opacity:0;transform:translate(var(--menu-x), 1.4rem) rotate(var(--menu-r));transition:color .18s,opacity .3s,transform .56s cubic-bezier(.16,1,.3,1);transition-delay:var(--menu-d);border-bottom:1px solid #172a4a33;grid-template-columns:3.2rem minmax(0,1fr) minmax(6rem,auto);align-items:baseline;gap:.8rem;text-decoration:none;display:grid}.global-menu__list a:nth-child(2n){--menu-x:-3rem;--menu-r:-3deg}.global-menu__list a:first-child{--menu-d:.18s}.global-menu__list a:nth-child(2){--menu-d:.22s}.global-menu__list a:nth-child(3){--menu-d:.26s}.global-menu__list a:nth-child(4){--menu-d:.3s}.global-menu__list a:nth-child(5){--menu-d:.34s}.global-menu__list a:nth-child(6){--menu-d:.38s}.global-menu__list a:nth-child(7){--menu-d:.42s}body.is-menu-open .global-menu__list a{opacity:1;transform:translate(0)rotate(0)}.global-menu__list a:hover{color:var(--color-primary);transform:translate(.35rem)rotate(0)}.global-menu__list span{color:#172a4aa3;font-size:.82rem;font-weight:900}.global-menu__list strong{font-family:var(--font-rounded);font-size:clamp(1.2rem,2.8vw,2rem);line-height:1.5}.global-menu__list small{text-align:right;align-self:center;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:900}.global-menu__footer{z-index:3;color:var(--color-primary-dark);opacity:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;font-weight:900;transition:opacity .26s;display:flex;position:absolute;bottom:clamp(1rem,4vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.global-menu__footer p{margin:0}.global-menu__footer a{color:#fff;background:var(--color-primary-dark);border-radius:var(--radius);justify-content:center;align-items:center;min-height:2.75rem;padding:.62rem .9rem;display:inline-flex}.global-menu__items{z-index:2;opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:0}body.is-menu-open .global-menu__title,body.is-menu-open .global-menu__items,body.is-menu-open .global-menu__footer{opacity:1}body.is-menu-closing .global-menu__title,body.is-menu-closing .global-menu__items,body.is-menu-closing .global-menu__footer,body.is-menu-closing .global-menu__list{opacity:0;transition-delay:0s}body.is-menu-closing .global-menu__list a{opacity:0;transition-delay:0s;transform:translateY(1rem)rotate(0)}.global-menu__item{color:#172a4a52;border-radius:var(--radius);backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #1724340f;place-items:center;min-width:4.5rem;min-height:2.2rem;padding:.35rem .65rem;font-size:.78rem;font-weight:900;display:inline-grid;position:absolute;box-shadow:0 12px 22px #1724340b}.global-menu__item--one{top:16%;right:16%}.global-menu__item--two{top:33%;left:15%}.global-menu__item--three{bottom:27%;right:9%}.global-menu__item--four{top:67%;left:10%}.global-menu__item--five{bottom:10%;right:28%}.hero-section{width:100%;min-height:92svh;padding:clamp(6.2rem, 12vh, 8rem) var(--page-gutter) clamp(6.8rem, 11vh, 8rem);color:#fff;background:var(--color-navy);isolation:isolate;align-items:center;margin:0;display:grid;position:relative;overflow:hidden}.hero-section:before,.hero-section:after{z-index:-1;content:"";pointer-events:none;position:absolute;inset:0}.hero-section:before{background:linear-gradient(90deg,#172a4ad1 0%,#234a8a8f 34%,#4fd8ff14 74%),linear-gradient(#2f7cff14,#172a4a75)}.hero-section:after{background:linear-gradient(#0000,#172a4ab8);height:34%;inset:auto 0 0}.hero-section__bg{z-index:-2;position:absolute;inset:0;overflow:hidden}.hero-slide{z-index:0;opacity:0;transition:none;position:absolute;inset:0}.hero-slide.is-current{z-index:1;opacity:1;transition:opacity 1.8s ease-in-out}.hero-slide.is-next{z-index:2;opacity:1;transition:opacity 1.8s ease-in-out}.hero-slide img{object-fit:cover;object-position:center;transform-origin:50%;will-change:transform;width:100%;height:100%;display:block}.hero-slide__picture{width:100%;height:100%}.hero-section__copy{z-index:2;will-change:opacity, transform;width:min(48rem,100%);margin-left:0;position:absolute;bottom:3.2rem;left:clamp(1rem,12vw,15rem)}.hero-section__eyebrow{width:fit-content;color:var(--color-ito);border-radius:var(--radius);background:#172a4a94;border:1px solid #ffd85a9e;margin:0 0 .9rem;padding:.35rem .65rem;font-size:.82rem;font-weight:900;box-shadow:0 12px 28px #172a4a26}.hero-section h1{color:#fff;font-family:var(--font-rounded);text-shadow:0 5px 26px #00000057;margin:0;font-size:clamp(1.75rem,2.75vw,2.55rem);line-height:1.04}.hero-section__lead{color:#ffffffe6;text-shadow:0 2px 14px #00000057;max-width:39rem;margin:1.1rem 0 0;font-size:clamp(1rem,1.55vw,1.18rem);font-weight:700}.hero-section__actions{flex-wrap:wrap;gap:.7rem;margin-top:1.55rem;display:flex}.hero-section .button{color:var(--color-primary-dark);background:#fffdf8eb;border-color:#fffdf8ad}.hero-section .button--primary{color:#fff;background:var(--color-primary-cta);border-color:var(--color-primary-cta)}.hero-section .button--quiet{color:#fff;background:#172a4a9e;border-color:#fffdf85c}.hero-section__question{z-index:3;color:#fff;border-radius:var(--radius);backdrop-filter:blur(12px);background:#172a4ab3;border:1px solid #fffdf847;width:min(20rem,100% - 2rem);padding:1rem;position:absolute;bottom:3.2rem;right:clamp(1.2rem,4vw,4.2rem);transform:rotate(-2deg);box-shadow:0 22px 48px #172a4a3d}.hero-section__question span,.hero-section__question small{display:block}.hero-section__question span{color:var(--color-ito);font-size:.78rem;font-weight:900}.hero-section__question strong{font-family:var(--font-rounded);margin:.18rem 0 .3rem;font-size:1.25rem;line-height:1.3;display:block}.hero-section__question small{color:#ffffffc7;font-size:.78rem;font-weight:800;line-height:1.6}.hero-section__floaters{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-floater{color:#fffdf880;border-radius:var(--radius);backdrop-filter:blur(7px);background:#fffdf824;border:1px solid #fffdf829;place-items:center;min-width:4.5rem;min-height:2.2rem;padding:.3rem .6rem;font-size:.76rem;font-weight:900;display:inline-grid;position:absolute;box-shadow:0 10px 22px #172a4a0d}.hero-floater--one{top:21%;right:20%}.hero-floater--two{color:#fffdf885;background:#ff8a7a24;top:36%;right:7%}.hero-floater--three{color:#fffdf885;background:#ffd85a29;top:55%;left:45%}.hero-floater--four{top:17%;left:42%}.hero-floater--five{color:#fffdf885;background:#2f7cff29;bottom:22%;right:28%}@keyframes heroZoom{0%{transform:scale(1.02)}to{transform:scale(1.08)}}@keyframes heroContentIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%{transform:translate(0,0)rotate(-2deg)}to{transform:translate(.55rem,-.85rem)rotate(2deg)}}@media (prefers-reduced-motion:no-preference){.hero-slide.is-current img,.hero-slide.is-next img{animation:18s ease-in-out infinite alternate heroZoom}.home-template .hero-section__copy{animation:.78s cubic-bezier(.16,1,.3,1) .28s both heroContentIn}.hero-floater,.global-menu__item,.hero-section__question{animation:6s ease-in-out infinite alternate floatSoft}.hero-floater--two,.global-menu__item--two{animation-duration:8s;animation-direction:alternate-reverse}.hero-floater--three,.global-menu__item--three{animation-duration:7s}.hero-floater--four,.global-menu__item--four{animation-duration:9s;animation-direction:alternate-reverse}}@media (width<=1040px){:root{--header-height:88px}.site-header__center,.home-template .site-side-nav{display:none}.hero-section{min-height:91svh;padding-top:7.2rem}.hero-section__copy{right:var(--page-gutter);left:var(--page-gutter);width:auto;margin-left:0;bottom:3.2rem}.hero-section:before{background:linear-gradient(90deg,#172a4ad1 0%,#234a8a75 52%,#4fd8ff1a 100%),linear-gradient(#2f7cff14,#172a4a8a)}.hero-section__question{right:var(--page-gutter)}}@media (width<=720px){:root{--header-height:76px}.site-nav{display:none}.site-brand--header{max-width:calc(100vw - 6.8rem);min-height:3.35rem;padding:.38rem .65rem .38rem .4rem;top:.75rem;left:.75rem}.site-brand--header .site-brand__mark{width:2.45rem;height:2.45rem}.site-brand--header .site-brand__name{font-size:.95rem}.site-brand--header .site-brand__tagline{display:none}.menu-toggle{width:4.45rem;height:3.35rem;top:.75rem;right:.75rem}.menu-toggle span:not(.visually-hidden){left:.95rem;right:.95rem}.menu-toggle span:nth-of-type(2){top:1.34rem}.menu-toggle span:nth-of-type(3){top:1.94rem}body.is-menu-open .menu-toggle span:nth-of-type(2),body.is-menu-open .menu-toggle span:nth-of-type(3){top:1.63rem}.global-menu__title{font-size:clamp(4.3rem,20vw,6rem);top:.25rem}.global-menu__list{padding-top:6.3rem}.global-menu__list a{grid-template-columns:2.5rem minmax(0,1fr);gap:.5rem;min-height:3.8rem}.global-menu__list small{text-align:left;grid-column:2}.global-menu__footer{right:var(--page-gutter);bottom:1rem;left:var(--page-gutter);justify-content:flex-start}.global-menu__items{display:none}.hero-section{min-height:90svh;padding:6.2rem var(--page-gutter) 3.2rem;flex-direction:column;justify-content:flex-end;display:flex}.hero-section__copy{width:min(100%,24rem);position:relative;bottom:auto;left:auto;right:auto}.hero-section__bg img{object-position:63% center}.hero-section:before{background:linear-gradient(90deg,#172a4ad6,#234a8a57),linear-gradient(#2f7cff24,#172a4aad)}.hero-section h1{font-size:clamp(1.42rem,6.2vw,1.78rem)}.hero-section__lead{max-width:22rem;font-size:.98rem}.hero-section__actions{max-width:18rem;display:grid}.hero-section__question{width:auto;margin:1rem 0 0;padding:.75rem;position:relative;bottom:auto;left:auto;right:auto;transform:none}.hero-floater{min-width:3.4rem;min-height:1.9rem;font-size:.68rem}.hero-floater--one,.hero-floater--four{display:none}.hero-floater--two{top:17%;right:8%}.hero-floater--three{top:61%;left:62%}.hero-floater--five{bottom:24%;right:10%}.section-marquee{height:3.8rem}.section-marquee span{font-size:clamp(3.25rem,13.5vw,4.5rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body:not(.home-template){color:var(--color-ink);background:radial-gradient(circle at 12% 18%,#ffd85a2e,#0000 8rem),radial-gradient(circle at 82% 16%,#4fd8ff38,#0000 14rem),linear-gradient(#eaf3ff 0%,#fff7e8 62%,#fffdf8 100%)}body:not(.home-template):before{background:0 0}body:not(.home-template) #content{z-index:1;padding-top:0;position:relative}.lower-page-decor{display:none}body:not(.home-template) .lower-page-decor{z-index:0;opacity:.32;pointer-events:none;display:block;position:fixed;inset:0}.lower-decor{color:#172a4a57;background:#fffdf852;border:1px solid #2f7cff0f;border-radius:12px;place-items:center;min-width:3.8rem;min-height:2.1rem;padding:.3rem .65rem;font-size:.72rem;font-weight:900;display:inline-grid;position:absolute;transform:rotate(-8deg);box-shadow:0 12px 24px #172a4a09}.lower-decor--one{top:22%;left:11%}.lower-decor--two{color:#d85c4a4d;background:#ff8a7a1f;border-color:#ff8a7a12;top:38%;right:11%}.lower-decor--three{color:#27786447;background:#7be0c31f;border-color:#7be0c312;bottom:24%;left:14%}.lower-decor--four{bottom:18%;right:14%}.lower-decor--five{color:#2f7cff4d;background:#4fd8ff1f;border-color:#2f7cff12;top:17%;right:18%}.lower-page-title{width:min(860px, calc(100% - var(--page-gutter) * 2));text-align:left;margin:0 auto clamp(1.2rem,3vw,2rem);padding-top:clamp(5.6rem,10vw,7.2rem);display:block}.content-page>nav[aria-label=パンくずリスト],.listing-page>nav[aria-label=パンくずリスト]{width:min(860px, calc(100% - var(--page-gutter) * 2))}.lower-page-title__title{max-width:42rem;color:var(--color-primary-dark);font-family:var(--font-rounded);overflow-wrap:anywhere;margin:.35rem 0 0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1.28}.lower-page-title__lead{max-width:33rem;color:var(--color-ink);margin:.7rem 0 0;font-size:clamp(.78rem,1.2vw,.9rem);font-weight:800;line-height:1.7}.lower-page-title__eyebrow{width:fit-content;color:var(--color-primary-dark);background:#ffd85a5c;border:2px solid #172a4a24;border-radius:6px;margin:0;padding:.28rem .52rem;font-size:.78rem;font-weight:900;line-height:1.2}body:not(.home-template) .listing-page,body:not(.home-template) .content-page{padding:0 0 clamp(4rem,8vw,6.5rem)}.lower-panel{background:var(--color-bg-soft);border:5px solid var(--color-primary-dark);border-radius:10px 10px 14px 14px;position:relative;overflow:hidden;box-shadow:10px 10px #172a4a2e,0 24px 54px #2f7cff1a}body:not(.home-template) .listing-page>.section-container.lower-panel,body:not(.home-template) .content-page>.content-hero.lower-panel,body:not(.home-template) .content-page>.section-container.lower-panel,body:not(.home-template) .content-page .prose.lower-panel,body:not(.home-template) .content-page .content-side.lower-panel,body:not(.home-template) .content-page .next-action.lower-panel,body:not(.home-template) .content-page .related-section.lower-panel{width:min(860px, calc(100% - var(--page-gutter) * 2));margin-inline:auto;margin-top:clamp(1.2rem,4vw,2.4rem);padding:clamp(5.4rem,8vw,6.4rem) clamp(1rem,3vw,2.1rem) clamp(3.5rem,6vw,4.4rem)}.lower-panel:before{z-index:2;color:#fff;background:var(--gradient-data);content:attr(data-panel-title);height:clamp(4rem,7vw,5.1rem);font-family:var(--font-rounded);white-space:normal;overflow-wrap:anywhere;align-items:center;padding:0 clamp(.9rem,2vw,1.35rem);font-size:clamp(1rem,1.8vw,1.35rem);font-weight:900;line-height:1.5;display:flex;position:absolute;inset:0 0 auto}.lower-panel:after{z-index:2;height:2rem;color:var(--color-primary-dark);content:none;letter-spacing:.02em;background:#fff7e8;justify-content:space-between;align-items:center;padding:0 .85rem;font-size:.66rem;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0}body:not(.home-template) .wide-figure img,body:not(.home-template) .story-figure img,body:not(.home-template) .content-hero img{border:3px solid var(--color-primary-dark);border-radius:8px;box-shadow:8px 8px #172a4a24}body:not(.home-template) .wide-figure figcaption,body:not(.home-template) .story-figure figcaption{color:var(--color-primary-dark)}body:not(.home-template) .page-lead-figure{margin-bottom:clamp(1.2rem,3vw,2rem)}body:not(.home-template) .story-card,body:not(.home-template) .guide-card,body:not(.home-template) .character-card,body:not(.home-template) .roadmap-card,body:not(.home-template) .glossary-grid article,body:not(.home-template) .character-detail-list article,body:not(.home-template) .content-side section,body:not(.home-template) .lab-point-grid article{background:var(--color-bg-screen);border:3px solid var(--color-primary-dark);box-shadow:7px 7px #172a4a21}body:not(.home-template) .story-card a{grid-template-columns:1fr}body:not(.home-template) .story-card img,body:not(.home-template) .character-card img,body:not(.home-template) .character-detail-list img{background:#eaf3ff;border:2px solid #2f7cff2e}body:not(.home-template) .roadmap-card>span{color:var(--color-primary-dark);background:var(--color-ito);border:2px solid var(--color-primary-dark)}body:not(.home-template) .guide-card a:not(.guide-card__cluster),body:not(.home-template) .roadmap-card,body:not(.home-template) .glossary-grid article,body:not(.home-template) .lab-point-grid article{min-height:12rem}body:not(.home-template) .guide-card__cluster,body:not(.home-template) .guide-card__meta,body:not(.home-template) .story-card span,body:not(.home-template) .story-card small{color:var(--color-primary)}body:not(.home-template) .button,body:not(.home-template) .site-header__cta{color:var(--color-primary-dark);background:var(--color-ito);border:3px solid var(--color-primary-dark);box-shadow:5px 5px #172a4a29}body:not(.home-template) .button--primary{color:#fff;background:var(--color-primary-cta)}body:not(.home-template) .lab-section{padding-top:clamp(5.4rem,8vw,6.4rem)}body:not(.home-template) .content-hero{grid-template-columns:minmax(0,1fr) minmax(18rem,.82fr);align-items:center;padding-top:clamp(5.4rem,8vw,6.4rem)}body:not(.home-template) .content-hero>div>p:first-child{color:var(--color-primary-dark);border:2px solid var(--color-primary-light);background:#eef7ff}body:not(.home-template) .content-hero h1{color:var(--color-primary-dark);font-size:clamp(1.65rem,3vw,2rem)}body:not(.home-template) .content-layout{width:min(860px, calc(100% - var(--page-gutter) * 2));grid-template-columns:1fr;justify-content:center}body:not(.home-template) .content-page .content-layout>.prose.lower-panel,body:not(.home-template) .content-page .content-layout>.content-side.lower-panel{width:100%;margin-inline:0}body:not(.home-template) .prose{border-radius:10px 10px 14px 14px}body:not(.home-template) .prose h2{border-bottom:2px solid #2f7cff38;padding-bottom:.45rem}body:not(.home-template) .content-side.lower-panel{align-self:stretch}body:not(.home-template) .content-side section{box-shadow:none}body:not(.home-template) .site-footer{z-index:1;background:var(--color-bg-screen);border-top:0;margin-top:0;padding:clamp(5rem,9vw,8rem) 0 3rem;position:relative;overflow:hidden}body:not(.home-template) .site-footer:before{z-index:0;color:#ffffffb8;content:"PICOROUTE";font-family:var(--font-rounded);white-space:nowrap;pointer-events:none;font-size:clamp(4.2rem,13vw,12rem);font-weight:900;line-height:1;position:absolute;top:clamp(1rem,3vw,2rem);left:50%;transform:translate(-50%)}body:not(.home-template) .site-footer__inner{z-index:1;position:relative}@media (prefers-reduced-motion:no-preference){body:not(.home-template) .lower-panel,body:not(.home-template) .lower-page-title{animation:.72s cubic-bezier(.16,1,.3,1) both lowerRiseIn}body:not(.home-template) .lower-decor{animation:7s ease-in-out infinite alternate floatSoft}}@keyframes lowerRiseIn{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}@media (width<=1040px){body:not(.home-template) .content-layout{grid-template-columns:1fr}body:not(.home-template) .content-side.lower-panel{width:min(860px, calc(100% - var(--page-gutter) * 2));margin-inline:auto}}@media (width<=720px){body:not(.home-template){background:radial-gradient(circle at 82% 8%,#4fd8ff33,#0000 11rem),linear-gradient(#eaf3ff 0%,#fff7e8 72%,#fffdf8 100%)}.lower-page-title{width:min(100% - 1rem,30rem);padding-top:5.7rem}.content-page>nav[aria-label=パンくずリスト],.listing-page>nav[aria-label=パンくずリスト]{width:min(100% - 1rem,30rem)}.lower-page-title__title{font-size:clamp(1.65rem,9vw,2.15rem)}body:not(.home-template) .listing-page>.section-container.lower-panel,body:not(.home-template) .content-page>.content-hero.lower-panel,body:not(.home-template) .content-page>.section-container.lower-panel,body:not(.home-template) .content-page .prose.lower-panel,body:not(.home-template) .content-page .next-action.lower-panel,body:not(.home-template) .content-page .related-section.lower-panel,body:not(.home-template) .content-side.lower-panel{border-width:4px;width:min(100% - .75rem,30rem);margin-top:.9rem;padding:4.6rem .75rem 3.2rem;box-shadow:5px 5px #26314047}.lower-panel:before{height:3.7rem;font-size:1rem}.lower-panel:after{height:1.8rem;font-size:.56rem}body:not(.home-template) .content-hero{grid-template-columns:1fr}body:not(.home-template) .content-hero h1{font-size:clamp(1.55rem,8vw,2.4rem)}body:not(.home-template) .story-grid,body:not(.home-template) .guide-grid,body:not(.home-template) .roadmap-grid--page,body:not(.home-template) .glossary-grid,body:not(.home-template) .character-detail-list,body:not(.home-template) .lab-point-grid{gap:.75rem}body:not(.home-template) .story-card a,body:not(.home-template) .character-detail-list article{grid-template-columns:1fr}body:not(.home-template) .lower-page-decor{opacity:.22}.lower-decor{min-width:3rem;min-height:1.8rem;font-size:.62rem}.lower-decor--one{top:21%;left:1.2rem}.lower-decor--two{top:44%;right:.8rem}.lower-decor--three,.lower-decor--four,.lower-decor--five{display:none}}.mz-pr-label{background:var(--color-primary-cta);color:#fff;letter-spacing:.08em;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.mz-disclosure{background:var(--color-bg-blue);border:1px dashed var(--color-primary-light);border-radius:var(--radius);color:var(--color-muted);align-items:center;gap:12px;margin:22px 0;padding:14px 16px;font-size:.86rem;line-height:1.7;display:flex}.mz-disclosure p{margin:0}.fiction-notice{border:1px solid color-mix(in srgb, var(--color-primary,#2f7cff) 28%, transparent);background:color-mix(in srgb, var(--color-primary,#2f7cff) 7%, white);color:var(--color-text,#17324d);border-radius:10px;margin-block:1rem 1.5rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.75}.mz-area{margin-top:56px;padding-top:8px}.mz-area__head{margin-bottom:8px}.mz-area__head .mz-area__eyebrow{color:var(--color-primary);letter-spacing:.1em;margin:0 0 6px;font-size:.76rem;font-weight:700}.mz-area__head h2{color:var(--color-heading);border-top:0;margin:6px 0 8px;padding-top:0}.mz-area__head p{color:var(--color-muted);font-size:.92rem}.mz-list{gap:18px;margin:20px 0;display:grid}.mz-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:20px 22px;display:flex;position:relative}.mz-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mz-card__type{color:var(--color-primary);font-size:.8rem;font-weight:700}.mz-card__name{color:var(--color-heading);margin:0;font-size:1.14rem}.mz-card__desc{color:var(--color-ink);margin:0}.mz-card__notes{gap:10px;margin:0;display:grid}.mz-card__notes div{background:var(--color-bg-soft);border-radius:6px;padding:8px 12px}.mz-card__notes dt{color:var(--color-primary);margin-bottom:2px;font-size:.76rem;font-weight:700}.mz-card__notes dd{color:var(--color-muted);margin:0;font-size:.88rem}.mz-cta,.mz-compare__cta,.mz-sticky__cta{background:var(--color-primary-cta);border:1px solid var(--color-primary-cta);color:#fff;text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-weight:700;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s;display:inline-flex}.prose .mz-cta,.prose .mz-compare__cta{color:#fff;text-decoration:none}.mz-cta{align-self:flex-start;margin-top:4px}.mz-cta:visited,.mz-compare__cta:visited,.mz-sticky__cta:visited{color:#fff}.mz-cta:hover,.mz-compare__cta:hover,.mz-sticky__cta:hover,.mz-cta:focus-visible,.mz-compare__cta:focus-visible,.mz-sticky__cta:focus-visible{background:var(--color-paper);border-color:var(--color-primary-cta);box-shadow:var(--shadow-card);color:var(--color-primary-cta);text-decoration:none;transform:translateY(-1px)}.prose .mz-cta:hover,.prose .mz-compare__cta:hover,.prose .mz-cta:focus-visible,.prose .mz-compare__cta:focus-visible{color:var(--color-primary-cta)}.mz-compare{margin:24px 0}.mz-compare__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.mz-compare__table{border-collapse:collapse;width:100%;min-width:640px;margin:10px 0 0}.mz-compare__table th,.mz-compare__table td{border:1px solid var(--color-line);text-align:left;vertical-align:top;padding:10px 12px;font-size:.86rem}.mz-compare__table thead th{background:var(--color-bg-blue);color:var(--color-heading)}.mz-compare__table tbody th{background:var(--color-bg-screen);color:var(--color-heading);white-space:nowrap}.mz-compare__cta-cell{text-align:center;white-space:nowrap}.mz-compare__cta{padding:8px 16px}.mz-compare__note{color:var(--color-muted);margin:10px 0 0;font-size:.82rem}.mz-routes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0;display:grid}.mz-route-card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:18px 20px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.mz-route-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.mz-route-card__label{color:var(--color-heading);font-weight:700}.mz-route-card p{color:var(--color-muted);margin:0;font-size:.88rem}.mz-route-card__arrow{color:var(--color-primary);font-weight:700}.mz-safety{border:1px solid var(--color-primary-light);border-radius:var(--radius);background:#2f7cff0f;margin:26px 0;padding:20px 22px}.mz-safety__head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.mz-safety__head p{color:var(--color-ink);margin:0;font-size:.9rem}.mz-safety__badge{background:var(--color-primary);color:#fff;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:.72rem;font-weight:700}.mz-safety__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mz-safety__list li{flex-direction:column;gap:6px;display:flex}.mz-safety__list a{color:var(--color-primary-cta);font-weight:700;text-decoration:underline}.mz-safety__desc{color:var(--color-muted);font-size:.84rem}.mz-sticky{display:none}.mz-sticky__inner{border-top:1px solid var(--color-line);background:#fffffff7;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 -8px 24px #172a4a24}.mz-sticky__text{align-items:center;gap:8px;min-width:0;display:flex}.mz-sticky__name{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.mz-sticky__cta{flex-shrink:0;padding:10px 16px;font-size:.86rem}@media (width<=720px){.mz-sticky{z-index:40;display:block;position:fixed;bottom:0;left:0;right:0}body.page-review main{padding-bottom:72px}}.editor-pick{background:var(--color-bg-blue);border:1px solid var(--color-primary-light);border-radius:var(--radius);box-shadow:var(--shadow-card);margin:8px 0 6px;padding:20px 22px;position:relative}.editor-pick__eyebrow{color:var(--color-primary);letter-spacing:.1em;margin:0 0 6px;font-size:.76rem;font-weight:700}.editor-pick__link{color:var(--color-heading);align-items:baseline;gap:6px;font-size:1.08rem;font-weight:700;text-decoration:none;display:inline-flex}.editor-pick__link:hover{text-decoration:underline}.editor-pick__note{color:var(--color-muted);margin:6px 0 0;font-size:.9rem}.editor-pick__secondary{margin-top:18px}.editor-pick__secondary a{color:var(--color-primary-cta);font-size:.88rem;font-weight:700}.editor-pick__secondary p{color:var(--color-muted);margin:2px 0 0;font-size:.82rem}.review-related__list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.review-related__list a{color:var(--color-primary-cta);font-weight:700}.review-editorial{margin-top:48px}.review-editorial h2{color:var(--color-heading)}.review-editorial p{color:var(--color-muted);font-size:.9rem}@media (width<=600px){.prose .url-parts-comparison table{table-layout:fixed;display:table}.prose .url-parts-comparison th,.prose .url-parts-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .url-parts-comparison th:first-child{width:24%}.prose .url-parts-comparison code{white-space:normal;overflow-wrap:anywhere}.prose .websocket-comparison table{table-layout:fixed;display:table}.prose .websocket-comparison th,.prose .websocket-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .websocket-comparison th:first-child{width:24%}.prose .download-streaming-comparison table{table-layout:fixed;display:table}.prose .download-streaming-comparison th,.prose .download-streaming-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .download-streaming-comparison th:first-child{width:24%}.prose .private-global-ip-comparison table{table-layout:fixed;display:table}.prose .private-global-ip-comparison th,.prose .private-global-ip-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .private-global-ip-comparison th:first-child{width:24%}.prose .file-format-comparison table{table-layout:fixed;display:table}.prose .file-format-comparison th,.prose .file-format-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .file-format-comparison th:first-child{width:30%}.prose .file-format-comparison code{overflow-wrap:anywhere;white-space:normal}.prose .http-status-comparison table{table-layout:fixed;display:table}.prose .http-status-comparison th,.prose .http-status-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .http-status-comparison th:first-child{width:22%}.prose .wpa-security-comparison table{table-layout:fixed;display:table}.prose .wpa-security-comparison th,.prose .wpa-security-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .wpa-security-comparison th:first-child{width:26%}.prose .request-response-actions table{table-layout:fixed;display:table}.prose .request-response-actions th,.prose .request-response-actions td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .transport-comparison table{table-layout:fixed;display:table}.prose .transport-comparison th,.prose .transport-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .transport-comparison th:first-child{width:26%}.prose .domain-parts-comparison table{table-layout:fixed;display:table}.prose .domain-parts-comparison th,.prose .domain-parts-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .domain-parts-comparison th:first-child{width:28%}.prose .nat-address-comparison table{table-layout:fixed;display:table}.prose .nat-address-comparison th,.prose .nat-address-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .nat-address-comparison th:first-child{width:30%}.prose .ping-term-comparison table{table-layout:fixed;display:table}.prose .ping-term-comparison th,.prose .ping-term-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .ping-term-comparison th:first-child{width:27%}.prose .video-stop-areas-comparison table{table-layout:fixed;display:table}.prose .video-stop-areas-comparison th,.prose .video-stop-areas-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .video-stop-areas-comparison th:first-child{width:23%}.prose .anime-playback-options table{table-layout:fixed;display:table}.prose .anime-playback-options th,.prose .anime-playback-options td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .anime-playback-options th:first-child{width:35%}.prose .dhcp-static-comparison table{table-layout:fixed;display:table}.prose .dhcp-static-comparison th,.prose .dhcp-static-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .dhcp-static-comparison th:first-child{width:22%}.prose .chat-status-table table{table-layout:fixed;display:table}.prose .chat-status-table th,.prose .chat-status-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .chat-status-table th:first-child{width:20%}.prose .cache-delete-table table{table-layout:fixed;display:table}.prose .cache-delete-table th,.prose .cache-delete-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .cache-delete-table th:first-child{width:25%}.prose .live-recorded-comparison table{table-layout:fixed;display:table}.prose .live-recorded-comparison th,.prose .live-recorded-comparison td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .live-recorded-comparison th:first-child{width:25%}.prose .router-boundary-table table{table-layout:fixed;display:table}.prose .router-boundary-table th,.prose .router-boundary-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .router-boundary-table th:first-child{width:25%}.prose .latency-comparison-table table{table-layout:fixed;display:table}.prose .latency-comparison-table th,.prose .latency-comparison-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .latency-comparison-table th:first-child{width:25%}.prose .phishing-entry-table table{table-layout:fixed;display:table}.prose .phishing-entry-table th,.prose .phishing-entry-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .phishing-entry-table th:first-child{width:25%}.prose .udp-comparison-table table{table-layout:fixed;display:table}.prose .udp-comparison-table th,.prose .udp-comparison-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .udp-comparison-table th:first-child{width:25%}.prose .web-rendering-table table{table-layout:fixed;display:table}.prose .web-rendering-table th,.prose .web-rendering-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .web-rendering-table th:first-child{width:25%}.prose .session-comparison-table table{table-layout:fixed;width:100%;display:table}.prose .session-comparison-table th,.prose .session-comparison-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .session-comparison-table th:first-child{width:25%}.prose .wifi-connection-table table{table-layout:fixed;width:100%;display:table}.prose .wifi-connection-table th,.prose .wifi-connection-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .wifi-connection-table th:first-child{width:25%}.prose .pppoe-comparison-table table{table-layout:fixed;width:100%;display:table}.prose .pppoe-comparison-table th,.prose .pppoe-comparison-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .pppoe-comparison-table th:first-child{width:25%}.prose .satellite-comparison-table table{table-layout:fixed;width:100%;display:table}.prose .satellite-comparison-table th,.prose .satellite-comparison-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .satellite-comparison-table th:first-child{width:25%}.prose .realtime-scenes-table table{table-layout:fixed;width:100%;display:table}.prose .realtime-scenes-table th,.prose .realtime-scenes-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .realtime-scenes-table th:first-child{width:35%}.prose .routing-scenes-table table{table-layout:fixed;width:100%;display:table}.prose .routing-scenes-table th,.prose .routing-scenes-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .routing-scenes-table th:first-child{width:35%}.prose .wifi6-comparison-table table{table-layout:fixed;width:100%;display:table}.prose .wifi6-comparison-table th,.prose .wifi6-comparison-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .wifi6-comparison-table th:first-child{width:25%}.prose .slow-symptoms-table table{table-layout:fixed;width:100%;display:table}.prose .slow-symptoms-table th,.prose .slow-symptoms-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .slow-symptoms-table th:first-child{width:28%}.prose .ipv-address-table table{table-layout:fixed;width:100%;display:table}.prose .ipv-address-table th,.prose .ipv-address-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .4rem}.prose .ipv-address-table th:first-child{width:20%}.prose .ipv-address-table th:nth-child(2){width:35%}.prose .ipv-address-table code{white-space:normal;overflow-wrap:anywhere}.prose .binary-data-table table{table-layout:fixed;display:table}.prose .binary-data-table th,.prose .binary-data-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .binary-data-table th:first-child{width:28%}.prose .javascript-performance-table table{table-layout:fixed;display:table}.prose .javascript-performance-table th,.prose .javascript-performance-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .javascript-performance-table th:first-child{width:28%}.prose .passkey-comparison-table table{table-layout:fixed;display:table}.prose .passkey-comparison-table th,.prose .passkey-comparison-table td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:.65rem .45rem}.prose .passkey-comparison-table th:first-child{width:25%}.prose .passkey-comparison-table th:nth-child(2){width:35%}.prose .passkey-comparison-table th:nth-child(3){width:40%}}.global-menu__list a{grid-template-columns:2.5rem minmax(0,1fr);align-items:center;padding-block:.6rem}.global-menu__labels{color:var(--color-primary-dark);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem 1rem;display:grid}.global-menu__labels small{grid-column:auto;font-weight:600;line-height:1.5}@media (width<=720px){.global-menu__labels{grid-template-columns:minmax(0,1fr);gap:.15rem}.global-menu__labels small{text-align:left}}.hero-section__question{text-decoration:none}.hero-section__question:hover,.hero-section__question:focus-visible{outline:3px solid var(--color-ito);outline-offset:4px}@media (width>=721px){.hero-section{grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);align-items:end;gap:2rem;display:grid}.hero-section__copy,.hero-section__question{width:auto;margin:0;position:relative;inset:auto}}@media (width>=1041px){.hero-section{grid-template-columns:10.5rem minmax(0,1fr) minmax(14rem,18rem);gap:clamp(1.5rem,3vw,3rem)}.home-template .site-side-nav{align-self:end;margin:0;position:relative;inset:auto}}.article-category a,.article-category a:hover{color:inherit;text-decoration:none}.global-menu__list .global-menu__labels{color:var(--color-primary-dark)}.guide-card>.guide-card__cluster{text-underline-offset:.15em;padding:1rem 1.2rem .4rem;line-height:1.6;text-decoration:underline;display:block}.guide-card>.guide-card__body{padding-top:.4rem}.prose .mz-route-card{text-decoration:none}.mz-routes{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}html:root body select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2333465b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;padding-inline-end:2.6rem}@media (forced-colors:active){html:root body select:not([multiple]):not([size]){appearance:auto;background-image:none}}.hero-floater,.global-menu__item,.hero-section__question{animation:none}body:not(.home-template) .content-page>.section-container{width:min(860px,calc(100% - var(--page-gutter) * 2))}@media (width<=720px){body:not(.home-template) .content-page>.section-container,body:not(.home-template) .content-page>.content-layout{width:min(100% - .75rem,30rem)}}.section-heading__all{margin-top:.8rem;font-weight:700;display:inline-block}a.character-card{color:inherit;text-decoration:none;display:block}a.character-card:focus-visible,.audience-grid a:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.character-detail-list article{scroll-margin-top:7rem}.audience-grid article{padding:0}.audience-grid article>a{height:100%;min-height:13rem;color:inherit;padding:1.15rem;text-decoration:none;display:block}.audience-grid a:hover,a.character-card:hover{background:#eef7ff}.story-card{min-width:0;container:story-card/inline-size}@container story-card (width<=1000px){.story-card>a{grid-template-columns:minmax(0,1fr)}.story-card>a>picture,.story-card>a>img{width:100%;min-width:0}}.home-template #content h2{letter-spacing:.01em;text-wrap:balance;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.45}.home-template #content .home-observatory__heading h2{max-width:24em;line-height:1.4}.home-template :is(.home-text-link,.reading-routes ol a,.about-feature__link,.section-heading__all,.related-link-list a,.guide-card__cluster){text-underline-offset:.22em;text-decoration-line:underline;text-decoration-thickness:1px}.home-template :is(.home-text-link,.reading-routes ol a,.about-feature__link,.section-heading__all,.related-link-list a,.guide-card__cluster):is(:hover,:focus-visible),.home-template :is(.question-entry__grid a,.home-observatory__files a,.guide-card__body,.story-card>a,.roadmap-card,.character-card,.audience-grid a):is(:hover,:focus-visible) :is(h3,strong,.home-observatory__read,.question-entry__hint){color:#795000;text-decoration-line:underline;text-decoration-color:var(--color-yellow);text-underline-offset:.2em;text-decoration-thickness:.2em}.home-template :is(.home-text-link,.reading-routes ol a,.about-feature__link,.section-heading__all,.related-link-list a,.guide-card__cluster):focus-visible{outline-offset:4px;outline:3px solid #1765c0}.global-menu__panel{overscroll-behavior:contain;scrollbar-gutter:stable;height:100dvh;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));scroll-padding-top:6rem;overflow:hidden auto}.global-menu__footer{width:min(760px,calc(100% - var(--page-gutter) * 2));margin:1.5rem auto 0;padding-bottom:1rem;position:relative;inset:auto}@media (height<=600px){.global-menu__list{padding-top:5.5rem}.global-menu__list a{min-height:3.2rem}}