@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");

:root {
  --ink: #081a45;
  --ink-soft: #405171;
  --blue: #0644d8;
  --blue-deep: #06266f;
  --blue-night: #03143d;
  --ice: #eef5ff;
  --paper: #fbfcff;
  --line: rgba(18, 57, 142, 0.16);
  --yellow: #ffe000;
  --pink: #fff2f7;
  --serif: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --sans: "Manrope", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;
  --max: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); line-height: 1.9; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img { max-width: 100%; height: auto; }
.skip-link { position: fixed; z-index: 100; left: 1rem; top: -100px; padding: .75rem 1rem; color: #fff; background: var(--blue-night); border-radius: .3rem; }
.skip-link:focus { top: 1rem; }

.site-header { position: relative; z-index: 20; display: flex; align-items: center; justify-content: space-between; min-height: 76px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); background: rgba(251, 252, 255, .92); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; line-height: 1.2; }
.brand-mark { display: grid; place-items: center; width: 37px; height: 37px; color: white; background: linear-gradient(145deg, #0e59ff, #04194f); font: 800 20px/1 Georgia, serif; transform: skew(-8deg); box-shadow: 8px 7px 0 rgba(20, 68, 196, .09); }
.brand b { display: block; letter-spacing: .05em; }
.brand small { display: block; margin-top: 4px; color: #70809d; font-size: 9px; letter-spacing: .17em; }
.site-header nav { display: flex; align-items: center; gap: 28px; font-size: 13px; font-weight: 700; }
.site-header nav a { text-decoration: none; }
.site-header nav a:not(.nav-cta):hover { color: var(--blue); }
.nav-cta { padding: 10px 16px; color: #fff; background: var(--blue); border: 1px solid var(--blue); box-shadow: 4px 4px 0 var(--blue-night); transition: transform .2s, box-shadow .2s; }
.nav-cta:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--blue-night); }

.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 38px; padding: 64px max(24px, calc((100vw - var(--max)) / 2)) 30px; color: #fff; background: var(--blue-night); border-top: 5px solid var(--blue); }
.footer-brand small { color: #9fb4e7; }
.footer-links { display: flex; align-items: flex-start; gap: 24px; font-size: 12px; }
.footer-links a { color: #cad7f7; text-decoration: none; }
.site-footer > p { grid-column: 1 / -1; padding-top: 25px; margin: 0; color: #7189c2; border-top: 1px solid rgba(255,255,255,.12); font-size: 10px; letter-spacing: .1em; }

/* Knowledge hub */
.hub-main { overflow: hidden; }
.hub-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: end; min-height: 670px; padding: 110px max(24px, calc((100vw - var(--max)) / 2)) 90px; color: #fff; background: radial-gradient(circle at 76% 35%, rgba(35, 111, 255, .75), transparent 24%), linear-gradient(125deg, #061335 0%, #082d88 60%, #0b54ec 100%); isolation: isolate; }
.hub-grid { position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.24) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.24) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 80%); }
.hub-hero::before { content: ""; position: absolute; z-index: -1; width: 750px; height: 70px; right: -170px; top: 250px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), #2f75ff, transparent); filter: blur(2px); transform: rotate(-36deg) skewX(-35deg); box-shadow: 0 0 60px #3782ff; }
.hub-orbit { position: absolute; right: 8%; top: 19%; z-index: -1; width: 360px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; animation: orbit 22s linear infinite; }
.hub-orbit::before, .hub-orbit::after { content:""; position:absolute; inset: 14%; border: 1px solid rgba(255,255,255,.2); border-radius: 46% 54% 40% 60%; transform: rotate(30deg); }
.hub-orbit::after { inset: 32%; background: radial-gradient(circle, rgba(255,255,255,.5), transparent 65%); }
.hub-orbit i { position:absolute; width: 10px; height: 10px; border: 2px solid #fff; background: var(--blue); box-shadow: 0 0 20px white; }
.hub-orbit i:nth-child(1) { left: 10%; top: 18%; }.hub-orbit i:nth-child(2) { right: 2%; top: 46%; }.hub-orbit i:nth-child(3) { left: 42%; bottom: -5px; }
@keyframes orbit { to { transform: rotate(360deg); } }
.hub-copy { max-width: 850px; }
.hub-copy > p:first-child { margin: 0 0 24px; color: #9dbdff; font-size: 11px; font-weight: 800; letter-spacing: .28em; }
.hub-copy h1 { max-width: 840px; margin: 0; font-family: var(--serif); font-size: clamp(48px, 7vw, 92px); line-height: 1.25; letter-spacing: -.06em; }
.hub-copy h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px #fff; text-shadow: 0 0 35px rgba(105,170,255,.45); }
.hub-copy > p:nth-of-type(2) { max-width: 700px; margin: 34px 0 36px; color: #dbe6ff; font-size: 16px; line-height: 2; }
.hub-copy > a { display: inline-flex; align-items: center; gap: 55px; padding: 15px 18px 15px 22px; color: var(--blue-night); background: var(--yellow); font-size: 13px; font-weight: 800; text-decoration: none; box-shadow: 7px 7px 0 rgba(0,0,0,.25); }
.hub-copy > a span { font-size: 18px; }
.hub-stat { align-self: end; padding-left: 28px; border-left: 1px solid rgba(255,255,255,.3); }
.hub-stat span { color: #9dbdff; font-size: 10px; font-weight: 800; letter-spacing: .18em; line-height: 1.4; }
.hub-stat strong { display: block; margin: 10px 0; font: 400 118px/.8 Georgia, serif; }
.hub-stat p { color: #c7d8ff; font-size: 12px; line-height: 1.7; }
.method-band { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 3vw, 42px); padding: 28px 24px; color: #fff; background: #061a52; border-bottom: 1px solid rgba(255,255,255,.14); }
.method-band div { display:flex; align-items:center; gap: 10px; }.method-band div span { color:#6f99ff; font: 12px Georgia,serif; }.method-band div b { font-size: 13px; }.method-band i { color:#6387db; font-style:normal; }
.hub-articles { padding: 110px max(24px, calc((100vw - var(--max)) / 2)) 130px; background-color: var(--paper); background-image: linear-gradient(rgba(11,70,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,70,218,.035) 1px,transparent 1px); background-size: 34px 34px; }
.hub-articles > header { display:grid; grid-template-columns: 1fr 430px; gap: 50px; align-items:end; margin-bottom: 48px; }
.hub-articles > header span, .author-feature > div:first-child > p { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .24em; }
.hub-articles > header h2, .author-feature h2 { margin: 8px 0 0; font-family: var(--serif); font-size: clamp(35px, 4vw, 56px); line-height: 1.4; letter-spacing: -.04em; }
.hub-articles > header > p { margin: 0; color: var(--ink-soft); font-size: 14px; }
.article-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.article-card { background: rgba(255,255,255,.9); border: 1px solid var(--line); box-shadow: 0 18px 50px rgba(10,35,95,.06); animation: rise .7s both; animation-delay: var(--delay); }
@keyframes rise { from { opacity:0; transform:translateY(15px); } }
.article-card > a { display:flex; flex-direction:column; min-height: 360px; padding: 30px; text-decoration:none; transition: transform .25s, box-shadow .25s; }
.article-card:hover { border-color: rgba(11,70,218,.45); box-shadow: 0 25px 70px rgba(8,47,143,.13); }.article-card:hover > a { transform:translateY(-4px); }
.card-meta { display:flex; gap: 8px; }.card-meta span { padding: 4px 9px; color:var(--blue); background:var(--ice); font-size:10px; font-weight:800; }
.card-keyword { margin: 28px 0 8px!important; color:#8390a8!important; font: 10px/1.4 Georgia,serif!important; letter-spacing:.13em; }
.article-card h2 { margin:0 0 16px; font-family:var(--serif); font-size:25px; line-height:1.55; letter-spacing:-.025em; }
.article-card > a > p:not(.card-keyword) { margin:0; color:var(--ink-soft); font-size:13px; line-height:1.85; }
.card-foot { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:24px; border-top:1px solid var(--line); font-size:11px; }.card-foot span{color:#7a89a5}.card-foot b{color:var(--blue)}.card-foot i{font-style:normal}
.author-feature { display:grid; grid-template-columns: 1.05fr .95fr; gap: 80px; padding: 100px max(24px, calc((100vw - var(--max)) / 2)); background: linear-gradient(110deg, #f0f5ff 0 49.7%, #fff 49.8%); }
.author-feature h3 { margin: 0 0 18px; color: var(--blue); font-family:var(--serif); font-size:36px; }.author-feature h3 small{font-size:13px}.author-feature > div:last-child p{font-size:14px;color:var(--ink-soft)}.author-feature a{display:inline-block;margin-top:15px;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}

/* Article */
.article-page { background: #f9fbff; }
.article-page .site-header { position: sticky; top: 0; }
.article-glow { position:fixed; top:100px; right:-260px; z-index:-1; width:600px; height:600px; border-radius:50%; background:rgba(43,112,255,.08); filter:blur(80px); pointer-events:none; }
.article-shell { width:min(var(--max), calc(100% - 48px)); margin:0 auto; }
.breadcrumb { padding:24px 0 18px; }.breadcrumb ol{display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; color:#7a88a2; font-size:10px}.breadcrumb li:not(:last-child)::after{content:"/";margin-left:8px;color:#b3bfd4}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--blue)}
.article-hero { display:grid; grid-template-columns: 105px minmax(0,1fr); gap:42px; padding: 64px 0 75px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.hero-index { padding-top:8px; border-right:1px solid var(--line); }.hero-index > span{display:block;color:var(--blue);font:400 66px/.9 Georgia,serif}.hero-index small{display:block;margin-top:15px;color:#8290aa;font:9px/1.5 Georgia,serif;letter-spacing:.16em}
.article-meta { display:flex; flex-wrap:wrap; gap:10px 20px; margin-bottom:24px; color:#687895; font-size:10px; font-weight:700; letter-spacing:.03em }.article-meta span:first-child{padding:4px 10px;color:var(--blue);background:var(--ice)}
.article-hero h1 { max-width:980px; margin:0; font-family:var(--serif); font-size:clamp(37px,5.2vw,68px); line-height:1.42; letter-spacing:-.055em; }
.article-hero .lead { max-width:870px; margin:30px 0; color:#344663; font-size:16px; line-height:2.05; }
.author-line { display:flex; align-items:center; gap:12px; }.author-avatar{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--blue-night);border-radius:50%;font-family:var(--serif)}.author-line b,.author-line span{display:block}.author-line b{font-size:12px}.author-line div span{color:#7786a0;font-size:10px}.author-line .read-time{margin-left:auto;color:var(--blue);font:10px Georgia,serif;letter-spacing:.12em}
.article-layout { display:grid; grid-template-columns:270px minmax(0,780px); justify-content:space-between; gap:80px; padding:70px 0 120px; }
.toc { position:sticky; top:110px; align-self:start; padding:22px 0; border-top:3px solid var(--blue); border-bottom:1px solid var(--line); }.toc > p{margin:0 0 14px;color:var(--blue);font:10px Georgia,serif;letter-spacing:.18em}.toc ol{padding:0;margin:0;list-style:none}.toc li{border-top:1px solid var(--line)}.toc a{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:12px 0;color:#53627c;font-size:11px;line-height:1.55;text-decoration:none}.toc a span{color:#9ba8bc;font:10px Georgia,serif}.toc a:hover{color:var(--blue)}
.prose { min-width:0; }.prose p{margin:0 0 1.5em;color:#263958;font-size:15px;line-height:2.15}.prose strong{color:#071e58}.prose h3{margin:2.2em 0 .7em;font-family:var(--serif);font-size:22px;line-height:1.55}.prose a{color:var(--blue);text-underline-offset:3px}
.summary-box { position:relative; margin-bottom:75px; padding:34px 40px; background:#fff; border:1px solid rgba(11,70,218,.25); box-shadow:10px 10px 0 var(--ice); overflow:hidden}.summary-box::after{content:"";position:absolute;right:-50px;top:-80px;width:190px;height:190px;border:28px solid rgba(11,70,218,.06);transform:rotate(25deg)}.summary-label{color:var(--blue);font:9px Georgia,serif;letter-spacing:.18em}.summary-box h2{margin:6px 0 18px;font-family:var(--serif);font-size:28px}.summary-box ul{padding:0;margin:0;list-style:none}.summary-box li{position:relative;padding:9px 0 9px 25px;border-top:1px solid var(--line);font-size:13px;font-weight:700}.summary-box li::before{content:"";position:absolute;left:2px;top:18px;width:9px;height:4px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.content-section { scroll-margin-top:110px; margin-bottom:88px; }.section-heading{display:grid;grid-template-columns:43px 1fr;gap:18px;align-items:start;margin-bottom:30px}.section-heading > span{padding-top:8px;color:var(--blue);font:17px Georgia,serif;border-top:2px solid var(--blue)}.section-heading h2{margin:0;font-family:var(--serif);font-size:clamp(28px,3.3vw,40px);line-height:1.55;letter-spacing:-.035em}
.table-wrap { margin:30px 0; overflow-x:auto; border:1px solid var(--line); background:#fff; box-shadow:7px 7px 0 var(--ice)}table{width:100%;min-width:620px;border-collapse:collapse;font-size:12px;line-height:1.7}th,td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}th{color:#fff;background:var(--blue-deep);font-weight:700}td:first-child{font-weight:800;color:var(--blue)}tr:last-child td{border-bottom:0}th:last-child,td:last-child{border-right:0}
.number-list { padding:0;margin:30px 0;counter-reset:item;list-style:none}.number-list li{position:relative;padding:21px 20px 21px 74px;border-top:1px solid var(--line);counter-increment:item}.number-list li::before{content:counter(item,decimal-leading-zero);position:absolute;left:5px;top:23px;color:var(--blue);font:24px Georgia,serif}.number-list li strong{display:block;margin-bottom:5px;font-family:var(--serif);font-size:19px}.number-list li p{margin:0;font-size:13px}.number-list.compact li{padding-top:16px;padding-bottom:16px}.number-list.compact li::before{top:18px}
.check-list { padding:8px 0;margin:25px 0;list-style:none}.check-list li{position:relative;padding:14px 16px 14px 50px;background:#fff;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.check-list li::before{content:"✓";position:absolute;left:17px;top:13px;display:grid;place-items:center;width:20px;height:20px;color:#fff;background:var(--blue);border-radius:50%;font-size:10px}.check-list.warning li::before{content:"!";background:#d53b53}
.insight{position:relative;margin:40px 0;padding:30px 34px;color:#fff;background:linear-gradient(120deg,var(--blue-night),var(--blue));overflow:hidden}.insight::after{content:"";position:absolute;right:-35px;top:-60px;width:180px;height:180px;border:1px solid rgba(255,255,255,.25);transform:rotate(45deg)}.insight span{display:block;margin-bottom:12px;color:#91b3ff;font:9px Georgia,serif;letter-spacing:.2em}.insight strong{position:relative;z-index:1;color:#fff;font-family:var(--serif);font-size:21px;line-height:1.8}
.level-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0;background:#fff;border:1px solid var(--line)}.level-grid.three{grid-template-columns:repeat(3,1fr)}.level-grid > div{padding:25px 20px;border-right:1px solid var(--line)}.level-grid > div:last-child{border-right:0}.level-grid span{color:var(--blue);font:10px Georgia,serif;letter-spacing:.12em}.level-grid strong{display:block;margin:8px 0;font-family:var(--serif);font-size:19px}.level-grid p{margin:0;font-size:11px;line-height:1.7}
.process-line{display:flex;align-items:stretch;margin:30px 0;border:1px solid var(--blue)}.process-line > span{position:relative;display:grid;place-items:center;flex:1;min-height:65px;padding:10px;color:var(--blue-deep);background:#fff;font-size:11px;font-weight:800;text-align:center;border-right:1px solid var(--line)}.process-line > span:last-child{color:#fff;background:var(--blue);border-right:0}.process-line small{display:block;color:#8190aa;font-size:9px;font-weight:500}.process-line.wide > span{min-height:80px}
.day-split,.human-ai,.fit-split{display:grid;grid-template-columns:repeat(2,1fr);margin:30px 0}.day-split section,.human-ai section,.fit-split section{padding:28px;background:#fff;border:1px solid var(--line)}.day-split section:last-child,.human-ai section:last-child,.fit-split section:last-child{color:#fff;background:var(--blue-deep)}.day-split span,.human-ai span{color:var(--blue);font:10px Georgia,serif;letter-spacing:.15em}.day-split section:last-child span,.human-ai section:last-child span{color:#8eafff}.day-split h3,.human-ai h3,.fit-split h3{margin:7px 0 12px}.day-split p,.human-ai p,.fit-split li{margin:0;font-size:12px;line-height:1.8}.day-split section:last-child p,.human-ai section:last-child p,.fit-split section:last-child li{color:#dce6ff}.fit-split ul{padding-left:18px}
.formula{margin:30px 0;padding:32px;color:#fff;background:var(--blue-night);text-align:center}.formula span,.formula small{display:block;color:#9db7f0;font-size:10px}.formula strong{display:block;margin:12px 0;color:var(--yellow);font-family:var(--serif);font-size:23px}
.spec-card{margin:30px 0;padding:28px 32px;background:linear-gradient(135deg,#fff,#eef4ff);border-left:5px solid var(--blue);box-shadow:0 18px 50px rgba(7,42,120,.08)}.spec-card > span{display:block;margin-bottom:15px;color:var(--blue);font:10px Georgia,serif;letter-spacing:.15em}.spec-card p{margin:5px 0;font-size:13px}
.score-grid,.four-set{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:30px 0;background:var(--blue)}.score-grid div,.four-set section{padding:22px 18px;background:#fff}.score-grid b,.four-set h3{display:block;margin:0 0 8px;color:var(--blue);font-family:var(--serif);font-size:18px}.score-grid span,.four-set p{display:block;margin:0;color:var(--ink-soft);font-size:10px;line-height:1.7}.four-set section > span{color:#8092b3;font:10px Georgia,serif}
.process-stack{margin:30px 0;border-left:2px solid var(--blue)}.process-stack section{position:relative;padding:0 0 27px 35px}.process-stack section::before{content:"";position:absolute;left:-7px;top:5px;width:10px;height:10px;background:var(--paper);border:2px solid var(--blue);border-radius:50%}.process-stack span,.timeline span{color:var(--blue);font:9px Georgia,serif;letter-spacing:.14em}.process-stack h3{margin:2px 0 5px}.process-stack p{margin:0;font-size:13px}
.example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0}.example-grid article{padding:22px;background:#fff;border:1px solid var(--line)}.example-grid article:last-child{grid-column:1/-1}.example-grid span{color:var(--blue);font:9px Georgia,serif;letter-spacing:.13em}.example-grid h3{margin:3px 0}.example-grid p{margin:0;font-size:12px}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0}.timeline section{padding:23px;background:#fff;border:1px solid var(--line)}.timeline h3{margin:5px 0}.timeline p{margin:0;font-size:11px}
.article-cta{position:relative;margin:100px 0 60px;padding:55px;color:#fff;background:radial-gradient(circle at 80% 25%,#1762e5,transparent 30%),linear-gradient(120deg,#031236,#07389e);overflow:hidden}.article-cta::after{content:"";position:absolute;right:-50px;bottom:-160px;width:440px;height:300px;border:32px solid rgba(255,255,255,.07);transform:rotate(-24deg)}.article-cta > p{margin:0 0 16px;color:#91b2ff;font:9px Georgia,serif;letter-spacing:.2em}.article-cta h2{position:relative;z-index:1;margin:0 0 25px;font-family:var(--serif);font-size:32px;line-height:1.65}.article-cta h2 em{color:var(--yellow);font-style:normal}.cta-route{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:30px}.cta-route span{padding:5px 9px;border:1px solid rgba(255,255,255,.3);font-size:9px}.cta-route i{color:#6f96ec;font-style:normal}.article-cta > a{position:relative;z-index:1;display:inline-flex;gap:40px;padding:14px 18px;color:var(--blue-night);background:var(--yellow);font-size:12px;font-weight:900;text-decoration:none;box-shadow:6px 6px 0 rgba(0,0,0,.25)}.article-cta > small{position:relative;z-index:1;display:block;margin-top:15px;color:#afc4f3;font-size:9px}
.sources{padding-top:30px;border-top:1px solid var(--line)}.sources h2{font-family:var(--serif);font-size:20px}.sources ul{padding-left:18px}.sources li{margin:6px 0;font-size:11px}.sources p{color:#7d8ba4;font-size:10px}
.related{padding:85px 0 120px;border-top:1px solid var(--line)}.related > div:first-child span{color:var(--blue);font:9px Georgia,serif;letter-spacing:.18em}.related > div:first-child h2{margin:5px 0 30px;font-family:var(--serif);font-size:34px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-grid .article-card > a{min-height:340px;padding:23px}.related-grid .article-card h2{font-size:19px}.related-grid .article-card > a > p:not(.card-keyword){font-size:11px}.related-grid .card-foot{font-size:9px}

@media (max-width: 900px) {
  .site-header { min-height:66px; }.site-header nav > a:first-child{display:none}.site-header nav{gap:10px}.nav-cta{padding:8px 10px;font-size:10px}.brand b{font-size:13px}.brand small{display:none}
  .hub-hero{grid-template-columns:1fr;min-height:620px;padding-top:80px}.hub-stat{display:none}.hub-orbit{right:-130px;top:22%;opacity:.6}.hub-copy h1{font-size:clamp(43px,11vw,70px)}
  .method-band{justify-content:flex-start;overflow-x:auto}.method-band div{flex:0 0 auto}
  .hub-articles > header{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.author-feature{grid-template-columns:1fr;gap:30px;background:#f0f5ff}
  .article-hero{grid-template-columns:1fr;gap:20px}.hero-index{display:flex;align-items:center;gap:14px;border-right:0}.hero-index > span{font-size:40px}.hero-index small{margin-top:0}
  .article-layout{grid-template-columns:1fr;gap:30px}.toc{position:relative;top:0}.toc ol{display:grid;grid-template-columns:repeat(2,1fr);column-gap:18px}
  .related-grid{grid-template-columns:1fr}.level-grid,.level-grid.three,.score-grid,.four-set{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr}.article-shell{width:min(100% - 32px,var(--max))}
}

@media (max-width: 600px) {
  body{line-height:1.8}.site-header{padding-left:16px;padding-right:16px}.brand-mark{width:32px;height:32px}.hub-hero{padding-left:20px;padding-right:20px;min-height:590px}.hub-copy > p:nth-of-type(2){font-size:14px}.hub-copy > a{gap:28px}
  .hub-articles{padding:75px 18px}.hub-articles > header h2,.author-feature h2{font-size:34px}.article-card > a{min-height:330px;padding:23px}.article-card h2{font-size:21px}
  .author-feature{padding:70px 20px}.site-footer{grid-template-columns:1fr;padding:50px 20px 25px}.footer-links{flex-wrap:wrap}
  .article-hero{padding:36px 0 50px}.article-hero h1{font-size:34px;line-height:1.5}.article-hero .lead{font-size:14px}.article-meta{gap:7px 12px}.author-line .read-time{display:none}
  .article-layout{padding:45px 0 80px}.toc ol{grid-template-columns:1fr}.summary-box{padding:27px 23px;margin-bottom:60px}.section-heading{grid-template-columns:34px 1fr;gap:12px}.section-heading h2{font-size:27px}.content-section{margin-bottom:70px}.prose p{font-size:14px;line-height:2}
  .level-grid,.level-grid.three,.score-grid,.four-set,.day-split,.human-ai,.fit-split,.example-grid{grid-template-columns:1fr}.level-grid > div{border-right:0;border-bottom:1px solid var(--line)}.process-line{overflow-x:auto}.process-line > span{flex:0 0 115px}.day-split section:last-child,.human-ai section:last-child,.fit-split section:last-child{margin-top:-1px}.example-grid article:last-child{grid-column:auto}.article-cta{margin-top:75px;padding:35px 24px}.article-cta h2{font-size:25px}.article-cta > a{gap:15px}.related{padding-bottom:80px}
}

@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.hub-orbit,.article-card{animation:none}.article-card > a{transition:none} }
@media print { .site-header,.site-footer,.toc,.related,.article-cta{display:none!important}.article-shell{width:100%}.article-layout{display:block;padding:20px 0}.content-section{break-inside:avoid}.article-hero{padding:20px 0}.article-hero h1{font-size:30px}.prose p{font-size:11pt;color:#000} }