:root{--ink:#102e3d;--ink2:#214656;--paper:#f4f7f3;--white:#fbfcfa;--line:#bed1ce;--slate:#59717a;--teal:#08716e;--pale:#d6ede5;--orange:#dd7448;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.58}.shell{max-width:1180px;margin:auto;padding:0 42px}.nav{height:80px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font:700 18px Georgia,serif;letter-spacing:-.035em;text-decoration:none;color:inherit}.nav-right{display:flex;gap:18px;align-items:center;font-weight:700;font-size:14px}.nav-right a{color:inherit;text-decoration:none}.nav-right a:last-child{border:1px solid var(--ink);padding:8px 11px}.hero{padding:82px 0 58px;border-bottom:1px solid var(--line);max-width:1030px}.meta,.eyebrow{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}h1{margin:20px 0 28px;max-width:980px;font:400 clamp(49px,7.25vw,97px)/.85 Georgia,serif;letter-spacing:-.082em}.lede{max-width:730px;font-size:22px;line-height:1.45;color:var(--ink2);margin:0}.hero-visual{margin:44px 0 0;max-width:1000px;overflow:hidden;border:1px solid var(--line);background:var(--white)}.hero-visual img{display:block;width:100%;height:auto}.article{display:grid;grid-template-columns:180px minmax(0,720px);gap:58px;padding:58px 0 78px}.toc{position:sticky;top:20px;align-self:start}.toc .eyebrow{margin-bottom:12px}.toc a{display:block;color:var(--slate);text-decoration:none;border-top:1px solid var(--line);padding:9px 0;font:700 11px var(--mono);letter-spacing:.04em}.toc a:last-child{border-bottom:1px solid var(--line)}.content>p,.content li,.content td{font-size:18px;line-height:1.62;color:var(--ink2)}.content p{margin:0 0 22px}.content h2{font:400 clamp(34px,4.2vw,56px)/.95 Georgia,serif;letter-spacing:-.068em;margin:67px 0 20px}.content h3{font:400 29px/1.05 Georgia,serif;letter-spacing:-.05em;margin:38px 0 13px}.content ul,.content ol{padding-left:24px;margin:0 0 25px}.content li{padding-left:6px;margin:9px 0}.content strong{color:var(--ink)}.architecture{margin:37px 0 28px}.architecture img{display:block;width:100%;height:auto;border:1px solid var(--line);background:var(--paper)}.architecture figcaption{margin-top:10px;color:var(--slate);font:700 11px var(--mono);letter-spacing:.04em}.comparison{margin:28px 0 31px;border-collapse:collapse;width:100%;font-size:16px}.comparison th,.comparison td{border:1px solid var(--line);padding:14px 15px;text-align:left;vertical-align:top}.comparison th{background:var(--ink);color:var(--white);font:700 12px var(--mono);letter-spacing:.04em}.comparison td:first-child{font-weight:700;color:var(--ink)}.principle{margin:35px 0;background:var(--pale);border:1px solid var(--teal);padding:28px 30px}.principle .eyebrow{margin:0 0 10px}.principle p{font:400 27px/1.18 Georgia,serif;letter-spacing:-.035em;color:var(--ink);margin:0}.architecture-note{margin:26px 0;border-left:4px solid var(--orange);padding:5px 0 5px 22px}.architecture-note p{margin:0}.skill-card{display:block;text-decoration:none;color:inherit;margin:47px 0 0;padding:29px 31px;border:1px solid var(--ink);background:var(--white);position:relative;overflow:hidden}.skill-card:after{content:"↗";position:absolute;right:28px;top:25px;font:400 39px/1 Georgia,serif;color:var(--teal)}.skill-card:hover{background:var(--pale)}.skill-card .eyebrow{margin:0 0 13px}.skill-card h2{margin:0 40px 10px 0;font-size:43px}.skill-card p{margin:0;max-width:600px}.footer{border-top:1px solid var(--line);padding:25px 0 34px;display:flex;justify-content:space-between;color:var(--slate);font:700 11px var(--mono);letter-spacing:.04em}@media(max-width:760px){.shell{padding:0 21px}.nav{height:67px}.nav-right{gap:10px;font-size:12px}.nav-right a:first-child{display:none}.nav-right a:last-child{padding:6px 8px}.hero{padding:54px 0 43px}h1{font-size:clamp(49px,15vw,74px);line-height:.88;letter-spacing:-.08em}.lede{font-size:19px}.hero-visual{margin-top:29px}.article{display:block;padding-top:37px}.toc{position:static;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:32px}.toc .eyebrow{width:100%;margin-bottom:5px}.toc a,.toc a:last-child{border:1px solid var(--line);padding:6px 8px;font-size:10px}.content>p,.content li{font-size:17px}.content h2{font-size:40px;margin-top:53px}.content h3{font-size:27px}.architecture{margin:27px -21px 23px;padding:0 21px 8px;overflow-x:auto}.architecture img{min-width:720px;max-width:none}.comparison{font-size:14px;display:block;overflow-x:auto;white-space:normal}.comparison th,.comparison td{min-width:135px;padding:11px}.principle{padding:22px}.principle p{font-size:24px}.skill-card{padding:23px 22px}.skill-card:after{right:18px;top:18px}.skill-card h2{font-size:35px}.footer{font-size:9px;gap:14px}.footer span:last-child{text-align:right}}