:root{--q-darkest:#081222;--q-dark:#062248;--q-navy:#013968;--q-mid:#054b7e;--q-blue:#1c6b9f;--q-bright:#297fb5;--q-light:#88b2d2;--q-pale:#dfe9f1;--q-white:#fff;--text:#062248;--text-muted:#175080;--border:#dfe9f1;--sand:#f4f8fb;--fs-small:.8rem;--fs-base:1rem;--fs-intro:1.15rem;--fs-h2:clamp(1.5rem, 3vw, 2rem);--fs-h1:clamp(2.2rem, 5vw, 3.4rem);--fw-regular:400;--fw-semi:600;--fw-bold:700;--lh-tight:1.15;--lh-snug:1.25;--lh-normal:1.7;--lh-loose:1.8;--ease-premium:cubic-bezier(.32, .72, 0, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--q-white);color:var(--text);font-family:Geist,sans-serif;line-height:var(--lh-normal);font-size:17px;overflow-x:hidden}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--q-dark);letter-spacing:-.01em;margin-bottom:1.5rem}h1 em{color:var(--q-bright);font-style:normal}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--q-dark);line-height:var(--lh-snug);margin-bottom:1.2rem}h3{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--q-dark);margin-bottom:.5rem}p{margin-bottom:1.2rem}p:last-child{margin-bottom:0}section{max-width:820px;margin:0 auto;padding:5rem 2.5rem}.label{width:fit-content;font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--q-bright);background:var(--q-pale);border:1px solid var(--border);font-weight:var(--fw-bold);border-radius:999px;margin-bottom:1rem;padding:.25rem .8rem;display:block}.section-divider{background:var(--border);max-width:820px;height:1px;margin:0 auto}.story-box{background:var(--q-white);border:1px solid var(--border);border-radius:10px;margin:2rem 0;overflow:hidden;box-shadow:0 2px 12px #0622480d}.story-box .story-label{background:var(--q-bright);color:var(--q-white);font-size:var(--fs-small);letter-spacing:.1em;text-transform:uppercase;font-weight:var(--fw-bold);padding:.65rem 2rem}.story-box p{color:var(--q-dark);margin:0;padding:2rem;font-size:1.02rem;line-height:1.8}.story-box strong{color:var(--q-dark)}.callout{border-left:3px solid var(--q-bright);background:var(--q-pale);border-radius:0 8px 8px 0;margin:2rem 0;padding:1.2rem 1.5rem}.callout p{color:var(--q-dark);margin:0;font-weight:700}.antipattern{border:1px solid var(--border);background:var(--q-white);transition:box-shadow .4s var(--ease-premium), transform .4s var(--ease-premium);border-radius:10px;margin-bottom:1.2rem;padding:1.8rem 2rem;box-shadow:0 1px 8px #0622480a}.antipattern:hover{transform:translateY(-1px);box-shadow:0 6px 24px #06224817}.antipattern-badge{font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;font-weight:var(--fw-bold);border-radius:3px;margin-bottom:.8rem;padding:.25rem .6rem;display:inline-block}.badge-problem{color:#c0392b;background:#fde8e8}.badge-problem:before{content:"✗ "}.badge-solution{color:#276b3b;background:#e6f4ea}.badge-solution:before{content:"✓ "}.code-collapsible{border:1px solid var(--border);border-radius:5px;margin:.8rem 0;overflow:hidden}.code-collapsible summary{cursor:pointer;font-size:var(--fs-small);font-weight:var(--fw-semi);color:var(--q-bright);background:var(--sand);user-select:none;align-items:center;gap:.5rem;padding:.55rem 1rem;list-style:none;display:flex}.code-collapsible summary::-webkit-details-marker{display:none}.code-collapsible summary:before{content:"▶";transition:transform .3s var(--ease-premium);font-size:.65rem}.code-collapsible[open] summary:before{transform:rotate(90deg)}.code-collapsible .code-block{border-top:1px solid var(--border);border-radius:0;margin:0}.code-block{font-family:SF Mono,Fira Mono,monospace;font-size:var(--fs-small);background:var(--q-dark);color:var(--q-pale);white-space:pre-wrap;border-radius:5px;margin:.8rem 0;padding:1rem 1.2rem;line-height:1.6;overflow-x:auto}.code-block .comment{color:var(--q-light);opacity:.7}.code-block .keyword{color:var(--q-bright)}.code-block .string{color:#7ec8a0}.opinion{background:var(--sand);border-left:4px solid var(--q-bright);border-radius:10px;margin:2rem 0;padding:2.5rem;box-shadow:0 1px 8px #0622480d}.opinion p{color:var(--q-dark);font-size:1.1rem;font-weight:400;line-height:1.75}.checklist{margin:1.5rem 0;list-style:none}.checklist li{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:.85rem 0;font-size:.98rem;display:flex}.checklist li:last-child{border-bottom:none}.checklist li:before{content:"→";color:var(--q-bright);flex-shrink:0;margin-top:.1rem;font-weight:700}.framework-table{border-collapse:collapse;border:1px solid var(--border);border-radius:10px;width:100%;margin:1.8rem 0;font-size:.92rem;overflow:hidden}.framework-table th,.framework-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:1rem}.framework-table th{background:var(--q-dark);color:var(--q-white);font-weight:700}.framework-table tr:last-child td{border-bottom:none}.framework-table td:nth-child(2){color:#276b3b;font-weight:600}.framework-table td:nth-child(2):before{content:"✓ ";font-weight:700}.framework-table td:nth-child(3){color:#c0392b;font-weight:600}.framework-table td:nth-child(3):before{content:"✗ ";font-weight:700}.fade-in{opacity:0;filter:blur(4px);transition:opacity .8s var(--ease-premium), transform .8s var(--ease-premium), filter .8s var(--ease-premium);transform:translateY(22px)}.fade-in.visible{opacity:1;filter:blur();transform:translateY(0)}:focus-visible{outline:2px solid var(--q-bright);outline-offset:3px;border-radius:3px}@media (width<=640px){section{padding:3.5rem 1.5rem}.story-box p{padding:1.5rem}.opinion{padding:1.8rem 1.5rem}.hero-meta{flex-direction:column;gap:.5rem}.framework-table{font-size:.82rem}.framework-table th,.framework-table td{padding:.8rem}}nav[data-astro-cid-wpvy4v7s]{z-index:100;backdrop-filter:blur(16px);border:1px solid var(--border);background:#ffffffeb;border-radius:999px;justify-content:space-between;align-items:center;width:calc(100% - 3rem);max-width:820px;padding:.75rem 1rem .75rem 1.25rem;display:flex;position:fixed;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 2px 16px #06224814}.nav-logo[data-astro-cid-wpvy4v7s]{align-items:center;gap:.8rem;text-decoration:none;display:flex}.nav-logo[data-astro-cid-wpvy4v7s] img[data-astro-cid-wpvy4v7s]{width:auto;height:36px}.nav-logo-text[data-astro-cid-wpvy4v7s]{font-size:1.25rem;font-weight:var(--fw-bold);color:var(--q-dark);letter-spacing:.01em}.nav-logo-text[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]{color:var(--q-bright)}nav[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s].cta-nav{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--q-white);background:var(--q-bright);transition:background .3s var(--ease-premium), transform .25s var(--ease-premium);letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:.5rem 1.2rem;text-decoration:none}nav[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s].cta-nav:hover{background:var(--q-mid);transform:translateY(-1px)}nav[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s].cta-nav:active{transform:scale(.97)}@media (width<=640px){nav[data-astro-cid-wpvy4v7s]{width:calc(100% - 2rem);padding:.6rem .9rem .6rem 1rem}}footer[data-astro-cid-jo6i4kqk]{text-align:center;font-size:var(--fs-small);color:var(--text-muted);border-top:1px solid var(--border);padding:2rem}footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--q-bright);text-decoration:none}.footer-legal[data-astro-cid-jo6i4kqk]{justify-content:center;gap:1.5rem;margin-top:.5rem;display:flex}