:root{--paper:#f5f2e9;--ink:#193b36;--green:#076b63;--muted:#53675d;--line:#cdd5c8;--mint:#dfebda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1392px;padding:0 52px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:25px;font-weight:700}.brand>span{font-size:22px;font-weight:650}a{color:var(--green);font-size:14px;text-decoration:none}.overview{padding:44px 0 30px}.eyebrow,.section-label{font-size:11px;letter-spacing:1.4px;font-weight:700;color:var(--green)}h1{font-size:clamp(39px,4.4vw,60px);font-weight:500;letter-spacing:-2.4px;line-height:1.1;margin:17px 0}h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;color:var(--muted);max-width:800px;margin:18px 0 35px}.system{display:grid;grid-template-columns:1fr 65px 1.1fr 65px 1fr;gap:15px;align-items:center}.system .section-label{margin-bottom:15px}.tool{border:1px solid var(--line);border-radius:11px;padding:15px 18px;background:#fffdf7;display:grid;grid-template-columns:1fr;gap:3px;margin-bottom:10px}.tool strong{font-size:18px;font-weight:600;margin-bottom:4px}.tool>span{font-size:13px;color:var(--muted)}.connection{text-align:center;color:var(--green)}.connection>span{display:block;font-size:34px}.connection small{font-size:11px;line-height:1.4;display:block}.shared{padding:23px;border:1px solid #b3cdb3;border-radius:15px;background:var(--mint)}.shared-item{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #c1d3be}.shared-item:last-of-type{border-bottom:0}.shared-item b{font-size:29px;font-weight:400;color:var(--green)}.shared-item strong{font-size:19px;font-weight:600;display:block}.shared-item span{font-size:13px;color:var(--muted);display:block;margin-top:3px}.note{font-size:12px;color:var(--muted);line-height:1.6;margin:15px 0 0}.next-card{background:var(--ink);color:white;border-radius:15px;padding:26px;min-height:240px;display:flex;flex-direction:column;justify-content:center}.next-card>b{font-size:37px;color:#b8dcc5;font-weight:400}.next-card strong{font-size:25px;font-weight:500;line-height:1.25;margin:14px 0}.next-card p{font-size:14px;color:#c2d6c7;margin:0}.mini-flow{font-size:13px;margin-top:23px;border-top:1px solid #436052;padding-top:17px;color:#b8dcc5}.learning{border-top:1px solid var(--line);padding:36px 0}h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:12px 0 20px}.modes{display:flex;gap:9px;margin-bottom:22px}button{font:inherit;color:inherit;border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 16px;font-size:13px;cursor:pointer}button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.learning-path{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;gap:12px;align-items:center}.process{border:1px solid var(--line);border-radius:11px;padding:20px;background:#fffdf7;min-height:140px;transition:opacity .2s}.process strong{display:block;font-size:19px;line-height:1.3;font-weight:500;margin:7px 0}.process small{font-size:12px;color:var(--muted)}.number{font-size:12px;color:var(--green)}.arrow{text-align:center;font-size:24px;color:var(--green)}.process.sync{background:var(--mint)}.record-only .process:not(.raw),.record-only .arrow{opacity:.25}.explanation{max-width:970px;font-size:14px;color:var(--muted);line-height:1.7;min-height:50px;margin:20px 0 0}#details{padding:25px 0 30px;border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}details{border-bottom:1px solid var(--line);padding:17px 0;align-self:start}summary{font-size:16px;cursor:pointer;font-weight:500}details p{font-size:14px;line-height:1.7;color:var(--muted);margin:13px 0}footer{padding:22px 0 35px;font-size:12px;color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b56736;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:1000px){main{padding:0 30px}.system{grid-template-columns:1fr 35px 1fr;gap:10px}.next{grid-column:1 / -1;margin-top:15px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;align-items:center}.next-card{min-height:0;padding:22px}.system>.connection:nth-child(4){display:none}.next-card strong{font-size:23px;margin:8px 0}.next-card>b{display:none}.mini-flow{margin-top:14px;padding-top:12px}.learning-path{gap:9px}.process{padding:17px}.process strong{font-size:17px}.shared{padding:21px}}@media(max-width:650px){main{padding:0 20px}header{padding:20px 0}.brand{font-size:23px}header>a{font-size:12px}.overview{padding-top:29px}h1{font-size:42px;letter-spacing:-1.8px}.lead{font-size:16px}.system{grid-template-columns:1fr}.connection>span{transform:rotate(90deg);font-size:27px;line-height:28px}.connection small{display:none}.tool{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:16px}.tool strong{grid-column:1 / -1}.tool>span{font-size:12px}.native .note{margin-bottom:12px}.system>.connection:nth-child(4){display:block}.next{grid-column:auto;display:block;margin-top:0}.next-card{padding:23px}.next-card>b{display:block;font-size:28px}.next-card strong{font-size:24px}.shared .section-label{margin-bottom:6px}.shared-item{padding:13px 0}.learning{padding:30px 0}h2{font-size:28px}.learning-path{grid-template-columns:1fr;gap:8px}.process{min-height:0;padding:16px;display:grid;grid-template-columns:26px 1fr;column-gap:10px}.number{grid-row:span 2;padding-top:8px}.process strong{margin:3px 0;font-size:18px}.arrow{transform:rotate(90deg);height:23px;font-size:23px;line-height:23px}.detail-grid{grid-template-columns:1fr}.explanation{font-size:13px}.section-label{font-size:10px;letter-spacing:1px}}