:root{color-scheme:dark;--bg:#101719;--ink:#0d1723;--text:#edf3ec;--muted:#bbcbbf;--accent:#bce690;--line:#35463f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.9}a{color:var(--accent);text-underline-offset:.25em;text-decoration-thickness:1px;transition:color .16s,text-decoration-thickness .16s}a:hover{color:#e0f6c9;text-decoration-thickness:2px}a:focus-visible{outline:3px solid #f6cf74;outline-offset:5px}.skip{position:absolute;left:16px;top:-80px;background:var(--bg);padding:8px 14px;z-index:2}.skip:focus{top:12px}header{padding:22px max(24px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line)}.brand{font-weight:750;letter-spacing:.06em;color:var(--text);text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font-size:.86rem}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:570px;background:var(--ink)}.hero-portrait{position:absolute;z-index:-1;right:max(0px,calc((100% - 1200px)/2));top:-16px;width:540px;height:760px;object-fit:cover;object-position:center top}.hero-copy{position:relative;max-width:1100px;margin:auto;padding:65px 24px 66px}.hero-copy>p,.hero-copy>a{max-width:490px}.hero h1{font-size:clamp(3.5rem,7.4vw,6.7rem);line-height:1.04;letter-spacing:-.035em;margin:22px 0 28px;font-weight:800}.hero-lead{font-size:clamp(1.15rem,2.1vw,1.55rem);font-weight:650}.hero-copy>p{margin:12px 0}.hero-copy>a{display:inline-block;margin-top:18px}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:.72rem;font-weight:700}.availability{color:var(--muted);font-size:.9rem}.page-intro,.body-content,footer{max-width:920px;margin:auto;padding:36px 28px}.page-intro{padding-top:45px;padding-bottom:0}.page-intro h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.3;margin:15px 0}.lead{font-size:1.1rem;color:var(--muted)}.body-content{padding-top:0}.body-content>section{margin:50px 0}h2{font-size:1.3rem;line-height:1.5;color:#d0e9b8;margin:0 0 20px}h3{font-size:1rem;color:var(--muted);margin-top:0}p,li{overflow-wrap:anywhere}p{margin:14px 0}li{margin:10px 0}.version{font-size:.8rem;color:var(--muted)}.legal section{margin:36px 0}.examples{display:grid;grid-template-columns:1fr 1fr;gap:36px}.example{border-top:1px solid var(--line);padding:20px 0}.example-topic{color:var(--muted);font-size:.8rem;margin:0 0 12px}.example>p:last-child{margin:0;line-height:2.3}ruby{ruby-position:over}rt{font-size:.58em;color:var(--muted);letter-spacing:.02em}.typing-sample{margin:52px 0;background:#182420;padding:24px;border-left:3px solid var(--accent)}.typing-sample figcaption{font-size:.8rem;color:var(--muted);margin-bottom:20px}.sample-top{display:flex;justify-content:space-between;gap:16px;font-size:.78rem;color:var(--muted)}.sample-prompt{font-size:clamp(1.15rem,3vw,1.6rem);line-height:2.5;margin:25px 0 12px}.sample-guide{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.86rem;overflow-wrap:anywhere;color:#cce6b5}.sample-input{border-bottom:2px solid #84977c;padding:13px 2px;color:var(--muted);font-size:.9rem}.sample-input span{padding-left:12px;color:var(--accent)}.sample-foot{font-size:.8rem;color:var(--muted);margin-bottom:0}.character-reference{margin:56px 0 40px;text-align:center;background:var(--ink);padding:0 0 22px}.character-reference img{display:block;max-width:100%;width:360px;height:500px;object-fit:cover;object-position:top;margin:auto}.character-reference figcaption{font-size:.86rem;color:var(--muted)}.ad-mock{border-top:1px dashed #697665;border-bottom:1px dashed #697665;margin:56px 0 20px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:var(--muted);background:#141d19}.ad-mock span{font-size:.72rem;letter-spacing:.15em}.ad-mock p{margin:8px 0;font-size:.94rem}.ad-mock small{font-size:.75rem}footer{border-top:1px solid var(--line);font-size:.85rem;color:var(--muted);padding-bottom:42px}footer p{margin:9px 0}@media(max-width:800px){.hero-portrait{right:-135px;opacity:.42}.hero-copy{background:linear-gradient(90deg,var(--ink) 0%,transparent 100%);padding-left:28px}.hero-copy>p{max-width:450px}.hero{min-height:540px}.hero h1{font-size:4.5rem}.examples{grid-template-columns:1fr;gap:12px}}@media(max-width:500px){header{padding:18px 22px}nav{gap:6px 16px;font-size:.78rem}.hero-copy{padding:44px 24px}.hero h1{font-size:3.75rem}.hero-portrait{right:-205px;opacity:.3}.hero{min-height:540px}.hero-copy>p{max-width:320px}.page-intro,.body-content,footer{padding-left:23px;padding-right:23px}.typing-sample{padding:19px}.sample-top{font-size:.72rem}.sample-input{font-size:.8rem}}@media(prefers-reduced-motion:reduce){a{transition:none}}

.example .example-note{font-size:.84rem;line-height:1.85;color:var(--muted);margin-top:15px}

/* Learning articles retain the existing type and colour system. */
.guide-index{list-style:none;padding:0}.guide-index li{padding:22px 0;border-bottom:1px solid var(--line)}.guide-index li>a{font-size:1.13rem;font-weight:650}.guide-index p{margin:5px 0}.guide-index small{color:var(--muted)}.article-toc{display:block;margin:35px 0;padding:18px 24px;border-left:3px solid var(--accent);background:#182420}.article-toc p{margin:0}.article-toc ul{margin:6px 0 0;padding-left:22px}.article-toc li{margin:5px 0}.guide-use{font-size:.92rem;color:var(--muted)}.practice-example{margin:36px 0 42px;border-top:1px solid var(--line);padding-top:24px;scroll-margin-top:24px}.practice-example h3{font-size:1.15rem;color:var(--text);margin-bottom:20px}.example-id{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.09em;margin-bottom:5px}.practice-text{border-left:2px solid #697c60;padding-left:20px}.language-label{font-size:.72rem;letter-spacing:.06em;color:var(--muted);margin:20px 0 6px}.target-text{font-size:1.13rem;line-height:1.95;margin:0 0 23px}.target-text[lang=en]{line-height:1.8;word-break:normal;overflow-wrap:normal;hyphens:none}.practice-notes dt{font-size:.8rem;color:var(--accent);font-weight:650;margin-top:18px}.practice-notes dd{margin:4px 0 18px;font-size:.94rem}.practice-example>a{font-size:.84rem}.practice-steps{padding-left:24px}.practice-steps>li{padding-left:6px;margin:22px 0}.practice-steps p{margin:6px 0}.table-scroll{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:.88rem}caption{text-align:left;color:var(--muted);font-size:.8rem;margin-bottom:12px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 15px 12px 0}th{color:var(--accent)}.correction-pair{padding:20px 24px;background:#182420}.correction-pair dt{font-size:.8rem;color:var(--muted)}.correction-pair dd{margin:5px 0 20px}.correction-pair dd:last-child{margin-bottom:0}.correction-pair code{font-size:1.05rem;white-space:pre-wrap;overflow-wrap:anywhere}section[id]{scroll-margin-top:24px}@media(max-width:500px){.practice-text{padding-left:15px}.target-text{font-size:1.04rem}.article-toc{padding:16px 19px}.table-scroll table{min-width:430px}.hero h1{font-size:3.6rem}}@media print{:root{color-scheme:light}body{background:white;color:#111}header,.hero,.ad-mock,footer,.skip{display:none}a,h2,h3,.practice-example h3,.practice-notes dt,.language-label,.guide-use,th{color:#111}main,.page-intro,.body-content{max-width:none;padding-left:0;padding-right:0}.practice-example{break-inside:avoid}.article-toc,.correction-pair{background:white}.table-scroll{overflow:visible}.body-content>section{margin:28px 0}}