@charset "UTF-8";
:root{--paper:#faf9f6;--ink:#25271f;--muted:#6b6d63;--line:#e4e4db;--purple:#563bf0;--lilac:#e9e5ff;--surface:#fff;--on-ink:#fff;--subtle:#858777;--subdued:#8c8d80;--accent-soft:#f0edf9;--accent-border:#c8bfeb;--approach:#eeefe7;--approach-line:#e5e6dc;--answer-bg:#eeebfc;--answer-line:#ded6fa;--answer-ink:#423365;--body-copy:#626658;--chip-bg:#fafbf7;--chip-border:#e4e6db;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{color:inherit}img,svg{max-width:100%}.icon{width:22px;height:22px;flex:none;vertical-align:middle}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #8876fa;outline-offset:5px}button{border:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:absolute;z-index:100;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:var(--on-ink)}.skip-link:focus{top:12px}
.site-header{height:100px;border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:720;line-height:1;letter-spacing:-1.2px}.brand-mark{width:33px;height:33px;color:var(--purple);flex:none}.brand-topic{font-weight:450}.brand-period{color:var(--purple)}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:40px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';height:1px;background:var(--purple);position:absolute;left:0;right:100%;bottom:-5px;transition:right .18s}.desktop-nav a:hover:after{right:0}.language-picker{position:relative;flex:none}.language-picker summary{display:flex;align-items:center;gap:9px;list-style:none;font-size:13px;padding:10px 0}.language-picker summary::-webkit-details-marker{display:none}.language-picker .icon{width:19px;height:19px}.language-picker .chevron{width:14px;height:14px;margin-left:3px}.language-menu{position:absolute;top:50px;right:-14px;width:250px;background:var(--surface);border:1px solid var(--line);padding:14px;border-radius:13px;box-shadow:0 16px 50px #25271f15}.menu-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);padding:4px 10px 9px}.language-menu a{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:6px;font-size:14px}.language-menu a:hover,.language-menu .current{background:#f1eeff;color:var(--purple)}.language-menu a .icon{width:15px;height:15px}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:65px;min-height:565px}.eyebrow{font-size:10px;font-weight:650;line-height:1.6;letter-spacing:1.7px;margin:0 0 24px;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--purple);flex:none}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,5.5vw,79px);line-height:1.08;letter-spacing:-3.7px;margin:0 0 26px;position:relative;z-index:1}.hero h1 em{font-weight:400;color:var(--purple)}.hero-description{max-width:420px;color:var(--muted);font-size:16px;line-height:1.85;margin:0 0 27px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:600}.text-link>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#efede6}.text-link .icon{width:16px;height:16px}.text-link:hover>span{background:var(--purple);color:var(--on-ink)}.hero-illustration{height:385px;position:relative;margin-top:-12px}.orbit{position:absolute;width:335px;height:335px;border:1px solid #dbd8cf;border-radius:50%;top:22px;left:84px;transform:rotate(-25deg)}.orbit-two{width:390px;height:250px;top:68px;left:35px;transform:rotate(-28deg)}.hero-window{position:absolute;width:340px;height:252px;left:58px;top:72px;background:var(--lilac);border:1px solid #d0c9ed;border-radius:10px;box-shadow:12px 15px 0 #e6e3dc80;transform:rotate(-7deg);overflow:hidden}.window-bar{height:34px;display:flex;align-items:center;gap:4px;padding:0 13px;background:#fff9;border-bottom:1px solid #25271f0d}.window-bar>span{height:5px;width:5px;border:1px solid #a9a59a;border-radius:50%}.address-bar{margin-left:20px;background:#fff8;border-radius:4px;width:60%;font-size:8px;text-align:center;line-height:19px;letter-spacing:.3px;color:#7e7a8a}.window-body{display:flex;height:218px}.window-side{width:58px;background:#ded7ff;display:flex;align-items:center;flex-direction:column;gap:14px;padding-top:30px}.window-side i{display:block;height:7px;width:20px;background:#b6a8f5;border-radius:2px}.window-side i:first-child{background:var(--purple)}.window-content{padding:23px 27px;position:relative;flex:1}.fake-eyebrow{display:block;width:54px;height:5px;background:#9e8fe4;border-radius:2px}.letter-art{font-family:var(--serif);font-size:78px;letter-spacing:-7px;line-height:1.25;color:var(--purple);position:relative}.letter-art span{position:absolute;right:12px;top:25px;line-height:42px;width:42px;text-align:center;background:var(--purple);color:var(--on-ink);font-family:var(--sans);font-size:29px;letter-spacing:0;border-radius:50%}.fake-lines i{display:block;width:94%;height:5px;margin-top:8px;border-radius:2px;background:#c0b5ed}.fake-lines i:last-child{width:70%}.fake-button{position:absolute;bottom:20px;right:24px;background:#fbf9f6;width:39px;height:23px;display:grid;place-items:center;border-radius:4px}.fake-button .icon{width:16px;height:16px}.orange-sun{position:absolute;right:10px;top:0;width:107px;height:107px;background:#f1b078;border-radius:50%;display:grid;place-items:center;transform:rotate(13deg)}.orange-sun .icon{width:65px;height:65px;stroke-width:.8;color:#9e552f}.float-card{position:absolute;background:var(--surface);border-radius:8px;box-shadow:0 8px 24px #3836280c;border:1px solid #e1e1d6;display:flex;align-items:center}.float-files{bottom:47px;right:0;gap:10px;padding:14px;transform:rotate(8deg)}.mini-file{height:57px;width:42px;display:flex;align-items:flex-end;padding:0 5px 7px;font-size:10px;font-weight:700;border-radius:4px;background:#eee9ff;color:var(--purple);clip-path:polygon(0 0,68% 0,100% 24%,100% 100%,0 100%)}.mini-file:nth-child(2){background:#f9e6bf;color:#9a6a1f}.mini-file:nth-child(3){background:#dce5d4;color:#5a7150}.float-check{left:8px;bottom:66px;gap:10px;padding:13px 16px;transform:rotate(-7deg)}.float-check>.icon{color:#6c8456;background:#eef3e8;border-radius:50%;width:29px;height:29px;padding:6px}.float-check i{display:block;height:4px;width:55px;background:#dadcd1;margin:5px 0;border-radius:2px}.float-check i:last-child{width:35px}.art-spark{position:absolute;left:1px;top:5px;color:var(--purple);font-size:55px;line-height:1}.art-plus{position:absolute;right:37px;bottom:0;font-weight:200;font-size:35px;color:#bcb3d8}.hero-art-caption{position:absolute;bottom:-2px;left:120px;font-size:8px;letter-spacing:2px;color:#8b8d80;display:flex;align-items:center;gap:6px}.caption-dot{width:4px;height:4px;background:#9b9d8f;border-radius:50%}
.search-wrap{margin-bottom:86px}.search-form{display:flex;align-items:center;gap:18px;padding:14px 16px 14px 26px;border:1px solid #dcdcd2;border-radius:12px;background:var(--surface);box-shadow:0 5px 20px #28251c03}.search-form>.icon{width:23px;height:23px;color:#77796d}.search-form input{flex:1;min-width:0;border:0;outline:none!important;background:none;font-size:16px;padding:10px 0;color:var(--ink)}.search-form input::placeholder{color:#898a7e}.search-form:focus-within{border-color:#9b8aee;box-shadow:0 0 0 3px #563bf010}.search-form button{padding:14px 19px;display:flex;gap:23px;align-items:center;background:var(--ink);border-radius:7px;color:var(--on-ink);font-size:12px;font-weight:550;min-height:48px}.search-form button:hover{background:var(--purple)}.search-form button .icon{width:17px;height:17px}.search-hint{font-size:10px;letter-spacing:.5px;color:var(--subdued);margin:11px 0 0 4px;word-spacing:3px}.guide-section{scroll-margin-top:32px;margin-bottom:84px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:27px}.section-heading .eyebrow{color:var(--muted);margin-bottom:9px;font-size:9px}.section-heading h2,.approach-heading h2,.language-intro h2,.related-section>h2{font-family:var(--serif);font-weight:400;font-size:38px;letter-spacing:-1.1px;line-height:1.25;margin:0}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 5px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid #dddfd4;border-radius:30px;background:transparent;padding:9px 16px;font-size:11px;line-height:1.6;display:flex;align-items:center;gap:11px;transition:background .15s}.filter span{font-size:9px;opacity:.7}.filter:hover{background:#eeeee6}.filter.active{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:11px;overflow:hidden;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3530240a}.card-link{display:flex;flex-direction:column;height:100%}.card-body{padding:22px 24px 18px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:var(--muted);margin-bottom:12px}.card-meta span:first-child{padding:3px 7px;border:1px solid var(--chip-border);border-radius:4px;background:var(--chip-bg)}.card-meta span:last-child{font-size:10px;letter-spacing:1px;color:#adae9f}.card-body h3{font-size:21px;line-height:1.35;letter-spacing:-.5px;font-weight:550;margin:0 0 13px}.card-body>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 21px}.card-bottom{border-top:1px solid #eeeee7;padding-top:15px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.card-arrow{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.card-arrow .icon{width:13px;height:13px}.guide-card:hover .card-arrow{background:var(--purple);border-color:var(--purple);color:var(--on-ink)}.preview-note{display:flex;gap:17px;align-items:center;margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.preview-tag{font-size:8px;letter-spacing:1px;font-weight:650;border:1px solid #dcdcd3;border-radius:4px;padding:4px 7px;color:#74776a;white-space:nowrap}.preview-note p{font-size:11px;color:var(--subtle);margin:0}.empty-state{min-height:250px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;border:1px dashed var(--line);border-radius:12px}.empty-state h3{font-size:16px;font-weight:400;max-width:420px;margin:0}.outline-button{padding:9px 16px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:12px}
.visual{height:210px;position:relative;overflow:hidden}.visual-browser{background:#e9e5f6}.graphic-grid{position:absolute;inset:0;background-image:linear-gradient(#b7abdf18 1px,transparent 1px),linear-gradient(90deg,#b7abdf18 1px,transparent 1px);background-size:26px 26px}.browser-graphic{position:absolute;top:40px;left:16%;width:68%;height:144px;background:#fbfaf7;border:1px solid #c2b8da;box-shadow:7px 8px 0 #cabfe1;border-radius:6px;transform:rotate(-6deg)}.browser-graphic .window-bar{height:25px;border-bottom:1px solid #e1dbe9;padding-inline:10px}.browser-graphic .window-bar>span{width:4px;height:4px}.browser-graphic .address-bar{font-size:7px;line-height:14px;background:#f0edf8}.browser-content{display:flex;gap:22px;align-items:center;padding:22px 25px}.cookie-shape{display:block;position:relative;width:57px;height:57px;border-radius:50%;background:#c9ad83;flex:none;transform:rotate(14deg);border:1px solid #ac9067}.cookie-shape:after{content:'';position:absolute;right:-3px;top:-4px;width:26px;height:24px;background:#fbfaf7;border-radius:50%}.cookie-shape b{position:absolute;width:6px;height:6px;border-radius:50%;background:#735a3c;top:13px;left:15px}.cookie-shape b:nth-child(2){top:33px;left:15px}.cookie-shape b:nth-child(3){top:29px;left:35px}.cookie-shape b:nth-child(4){top:44px;left:30px}.cookie-shape b:nth-child(5){top:24px;left:6px}.cached-lines{flex:1}.cached-lines i{display:block;margin:8px 0;width:100%;height:7px;background:#e0d9ed;border-radius:2px}.cached-lines i:last-child{width:65%}.clear-bubble{position:absolute;right:31px;bottom:24px;width:42px;height:42px;background:var(--purple);border:5px solid #e9e5f6;border-radius:50%;color:var(--on-ink);display:grid;place-items:center}.clear-bubble .icon{width:18px;height:18px}.visual-star{position:absolute;left:25px;top:18px;font-size:30px;color:#8b77bb}.visual-image{background:#f1e4d6}.checker{position:absolute;right:0;top:0;bottom:0;width:48%;background-color:#eddbc7;background-image:conic-gradient(#e7d4bd 25%,transparent 0 50%,#e7d4bd 0 75%,transparent 0);background-size:26px 26px}.picture{position:absolute;width:143px;height:124px;background:var(--surface);border:1px solid #c4b6a5;border-radius:5px;padding:10px}.picture-back{left:22%;top:30px;transform:rotate(-13deg);background:#fff5e8}.picture-back>span{height:100%;display:block;border:1px dashed #d7c4ac;background:#eee4d1}.picture-front{left:34%;top:45px;transform:rotate(9deg);background:#fdfbf4;overflow:hidden;box-shadow:4px 5px 0 #99897625}.picture-sun{position:absolute;width:24px;height:24px;border-radius:50%;top:21px;right:22px;background:#e3a166}.picture-mountain{position:absolute;bottom:28px;left:11px;right:11px;height:60px;clip-path:polygon(0 100%,35% 13%,58% 65%,77% 34%,100% 100%);background:#94a285}.picture-front>span{position:absolute;left:13px;bottom:7px;font-size:10px;font-weight:600;color:#877862;letter-spacing:1px}.format-badge{position:absolute;bottom:20px;left:26px;background:#fff8ed;padding:6px 12px;font-size:9px;letter-spacing:.5px;border:1px solid #e0ccb6;border-radius:6px;transform:rotate(-4deg)}.format-badge>span{margin:0 10px}.visual-files{background:#e7eddf}.file-sheet{position:absolute;width:100px;height:126px;clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%);border-radius:4px;padding:48px 16px 12px}.file-back{left:18%;top:35px;background:#b7c5a2;transform:rotate(-14deg);color:#596c41}.file-front{left:43%;top:47px;background:#fafbf4;transform:rotate(10deg);color:#536a43;box-shadow:5px 6px 0 #67745230}.file-sheet>span{font-size:22px;font-weight:500;letter-spacing:-1px}.file-lines i{display:block;height:3px;background:#d4ddc8;margin:6px 0}.file-lines i:last-child{width:60%}.file-equals{position:absolute;top:54px;left:43%;background:#536a43;border:5px solid #e7eddf;border-radius:50%;width:43px;height:43px;font-size:32px;line-height:29px;text-align:center;color:var(--on-ink);transform:rotate(-11deg)}.files-spark{position:absolute;right:25px;top:21px;font-size:32px;color:#94a581}
.approach-section{padding:65px 0 64px;background:var(--approach);border-top:1px solid var(--approach-line);border-bottom:1px solid var(--approach-line)}.approach-heading{display:grid;grid-template-columns:45px 1.4fr 1fr;gap:24px;align-items:center}.approach-heading>.brand-mark{width:40px;height:40px}.approach-heading h2{font-size:34px;max-width:420px;line-height:1.22}.approach-heading>p{font-size:13px;color:var(--muted);max-width:330px;margin:0;line-height:1.9}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:51px;padding-top:31px;border-top:1px solid #d8dacb}.principle{position:relative;padding-left:34px}.principle-number{position:absolute;left:0;top:3px;font-size:10px;color:#8b8e7c}.principle h3{font-size:15px;font-weight:550;margin:0 0 8px;letter-spacing:-.2px}.principle p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:250px}.language-section{padding-block:80px 85px;display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:start}.language-intro .eyebrow{font-size:9px;color:var(--muted);margin-bottom:15px}.language-intro h2{max-width:370px;font-size:39px;line-height:1.2}.language-intro>p:last-child{font-size:13px;color:var(--muted);margin-top:20px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.language-tile{padding:13px 12px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;min-height:49px}.language-tile .icon{width:13px;height:13px;color:#a0a28f}.language-tile:hover{background:var(--accent-soft);border-color:#cec7e4}.language-tile.current{background:var(--accent-soft);border-color:var(--accent-border);color:var(--purple)}.language-tile.current .icon{color:var(--purple)}.site-footer{border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;gap:30px;padding-block:35px 32px;align-items:center}.footer-main .brand{font-size:22px;gap:7px}.footer-main .brand-mark{width:26px;height:26px}.footer-main p{font-size:11px;color:var(--muted);margin:11px 0 0}.footer-main nav{display:flex;gap:28px;font-size:11px;color:var(--muted);flex-wrap:wrap}.footer-main nav a:hover{color:var(--purple)}.footer-bottom{border-top:1px solid var(--line);padding-block:16px;display:flex;justify-content:space-between;color:#929383;font-size:9px;letter-spacing:.3px}
.article-wrap{max-width:1100px;padding-top:35px}.back-link{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;line-height:1.4}.back-link .icon{width:16px;height:16px}.back-link:hover{color:var(--purple)}.article-header{max-width:820px;margin:48px auto 33px}.article-header>.eyebrow{color:var(--purple);font-size:10px;margin-bottom:18px}.article-header h1{font-family:var(--serif);font-size:clamp(37px,4.4vw,59px);line-height:1.15;letter-spacing:-1.7px;font-weight:400;margin:0 0 23px}.article-description{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 25px;max-width:700px}.article-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);flex-wrap:wrap}.author-mark{width:28px;height:28px;display:grid;place-items:center;background:#e9e5ff;border-radius:50%}.author-mark .brand-mark{width:17px;height:17px}.meta-date{margin-left:10px}.copy-link{display:inline-flex;align-items:center;gap:7px;font-size:10px;background:transparent;margin-left:auto;padding:7px 0}.copy-link .icon{width:14px;height:14px}.article-visual{border-radius:12px;overflow:hidden;margin-bottom:50px}.article-visual .visual{height:310px}.article-visual .browser-graphic{left:calc(50% - 167px);width:334px;height:213px;top:44px}.article-visual .browser-graphic .window-bar{height:33px}.article-visual .browser-content{padding:39px}.article-visual .cookie-shape{height:78px;width:78px}.article-visual .cookie-shape b{width:8px;height:8px}.article-visual .clear-bubble{right:28%;bottom:32px;width:52px;height:52px}.article-visual .visual-star{left:28%;top:30px;font-size:45px}.article-visual .picture{width:220px;height:185px}.article-visual .picture-back{left:calc(50% - 165px);top:36px}.article-visual .picture-front{left:calc(50% - 50px);top:70px}.article-visual .picture-mountain{height:95px;bottom:40px}.article-visual .picture-sun{height:38px;width:38px;top:31px;right:37px}.article-visual .format-badge{left:26%;bottom:24px;padding:9px 15px}.article-visual .file-sheet{width:150px;height:188px;padding:75px 25px 20px}.article-visual .file-sheet>span{font-size:35px}.article-visual .file-back{left:calc(50% - 150px);top:49px}.article-visual .file-front{left:calc(50% - 5px);top:69px}.article-visual .file-equals{left:calc(50% - 18px);top:79px;width:57px;height:57px;font-size:44px;line-height:40px}.article-visual .files-spark{right:28%;top:33px;font-size:46px}.article-layout{display:grid;grid-template-columns:200px 1fr;gap:65px;align-items:start}.toc{position:sticky;top:28px;font-size:11px;padding-top:9px}.toc>p{font-size:9px;letter-spacing:1.1px;color:var(--subtle);margin:0 0 16px}.toc ol{list-style:none;padding:0;margin:0;border-left:1px solid var(--line)}.toc a{display:block;padding:8px 0 8px 15px;color:var(--muted);line-height:1.7}.toc a:hover{color:var(--purple);border-left:2px solid var(--purple);margin-left:-1px}.article-content{min-width:0;max-width:720px}.quick-answer{background:var(--answer-bg);padding:25px 28px;border-radius:9px;margin-bottom:40px;border:1px solid var(--answer-line)}.quick-answer>span{display:flex;align-items:center;gap:9px;color:var(--purple);font-size:12px;font-weight:600}.quick-answer>span .icon{height:19px;width:19px}.quick-answer>p{font-size:17px;line-height:1.8;margin:13px 0 0;color:var(--answer-ink)}.article-content>section{margin-bottom:37px;scroll-margin-top:30px}.article-content h2{font-size:23px;font-weight:550;line-height:1.5;letter-spacing:-.4px;margin:0 0 14px}.article-content h2>span{font-size:10px;color:var(--purple);margin-right:12px;vertical-align:middle;letter-spacing:0}.article-content>section>p{font-size:16px;line-height:1.95;color:var(--body-copy);margin:0}.source-section{border-top:1px solid var(--line);padding-top:25px}.source-section h2{font-size:17px}.source-section ul{list-style:none;padding:0}.source-section li{font-size:12px;margin:10px 0}.source-section a{color:var(--purple);display:inline-flex;align-items:center;gap:9px;text-decoration:underline;text-underline-offset:3px}.source-section .icon{width:13px;height:13px}.editorial-note{font-size:11px;border-left:2px solid #ccc9b7;padding-left:17px;color:var(--muted);margin-bottom:20px}.editorial-note strong{font-weight:600}.editorial-note p{margin:5px 0 0;line-height:1.9}.related-section{margin-block:74px 65px;border-top:1px solid var(--line);padding-top:38px}.related-section>h2{font-size:30px;margin-bottom:25px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:820px}.related-grid .guide-card .card-body h3{font-size:20px}.info-page{max-width:850px;padding-top:40px;padding-bottom:85px}.info-page>.eyebrow{margin-top:48px;color:var(--purple)}.info-page h1{font-family:var(--serif);font-size:55px;font-weight:400;line-height:1.2;letter-spacing:-1.8px;margin:0 0 25px;max-width:740px}.info-intro{font-size:19px;line-height:1.85;color:var(--muted);padding-bottom:34px;border-bottom:1px solid var(--line);margin:0 0 37px}.info-sections{max-width:690px}.info-sections section{margin-bottom:33px}.info-sections h2{font-size:22px;font-weight:550;line-height:1.5;margin:0 0 10px}.info-sections p{font-size:16px;line-height:1.95;color:var(--muted);margin:0}.info-sections a{color:var(--purple);font-size:13px;text-decoration:underline}.not-found{padding-block:110px 130px;max-width:700px}.not-found>span{color:var(--purple);letter-spacing:5px;font-size:12px}.not-found h1{font:400 70px/1.2 var(--serif);letter-spacing:-2px;margin:20px 0}.not-found p{font-size:17px;color:var(--muted);max-width:460px}.solid-button{display:inline-flex;align-items:center;gap:20px;background:var(--purple);color:var(--on-ink);padding:14px 20px;border-radius:6px;font-size:13px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:80;max-width:calc(100vw - 40px);padding:12px 22px;color:var(--on-ink);background:var(--ink);box-shadow:0 8px 30px #0002;border-radius:8px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;font-size:13px}.toast.visible{opacity:1;transform:translate(-50%,0)}
html:not([lang="en"]) .hero h1{font-family:var(--sans);font-weight:600;font-size:clamp(39px,4.2vw,60px);line-height:1.35;letter-spacing:-2px}html:not([lang="en"]) .hero h1 em{font-style:normal}html:not([lang="en"]) .section-heading h2,html:not([lang="en"]) .approach-heading h2,html:not([lang="en"]) .language-intro h2,html:not([lang="en"]) .article-header h1,html:not([lang="en"]) .info-page h1,html:not([lang="en"]) .related-section>h2{font-family:var(--sans);font-weight:550;letter-spacing:-.7px}html[lang="ta"] .hero h1,html[lang="te"] .hero h1{font-size:clamp(30px,3.6vw,48px);line-height:1.55;letter-spacing:-.8px}html[lang="ta"] .card-body h3,html[lang="te"] .card-body h3{font-size:19px;line-height:1.6}html[lang="ta"] .eyebrow,html[lang="te"] .eyebrow,html[lang="hi"] .eyebrow,html[lang="bn"] .eyebrow,html[lang="mr"] .eyebrow{letter-spacing:.3px;font-size:11px}html[lang="ta"] .section-heading h2,html[lang="te"] .section-heading h2{font-size:29px;line-height:1.6}html[lang="ta"] .language-intro h2,html[lang="te"] .language-intro h2{font-size:29px;line-height:1.6}html[lang="ta"] .approach-heading h2,html[lang="te"] .approach-heading h2{font-size:26px;line-height:1.6}html[lang="ta"] .article-header h1,html[lang="te"] .article-header h1{font-size:clamp(30px,3.5vw,46px);line-height:1.65}
@media(min-width:1550px){.wrap{width:min(1240px,calc(100% - 130px))}.hero{padding-top:88px;padding-bottom:80px}.hero h1{font-size:86px}.hero-illustration{transform:scale(1.08);transform-origin:center}.guide-grid{gap:28px}.visual{height:228px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:18px;padding-top:55px;min-height:500px}.hero h1{font-size:65px}.hero-illustration{transform:scale(.86);transform-origin:center right;margin-left:-60px}.hero-description{max-width:350px;font-size:14px}.hero .eyebrow{font-size:8px}.card-body{padding:19px}.card-body h3{font-size:19px}.visual{height:185px}.desktop-nav{margin-right:15px;gap:22px}.language-section{gap:55px}.language-grid{gap:8px}.language-tile{padding:11px 10px;font-size:11px}.article-layout{gap:36px;grid-template-columns:175px 1fr}.principles{gap:30px}.approach-heading{gap:20px;grid-template-columns:35px 1.2fr 1fr}.approach-heading h2{font-size:29px}.approach-heading>.brand-mark{width:32px}.search-wrap{margin-bottom:65px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:79px}.brand{font-size:24px;gap:7px}.brand-mark{width:29px;height:29px}.header-inner{gap:16px}.desktop-nav{gap:18px;font-size:11px;margin:0 4px 0 auto}.desktop-nav a:last-child{display:none}.language-picker summary{font-size:11px;gap:6px}.language-picker summary>.icon{width:17px}.hero{grid-template-columns:1fr 1fr;padding-top:45px;padding-bottom:40px;min-height:430px;gap:12px}.hero h1{font-size:49px;letter-spacing:-2.7px}.hero-description{font-size:13px;line-height:1.8;margin-bottom:20px}.hero .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:20px}.hero-illustration{transform:scale(.68);width:440px;margin-left:-138px;height:365px;margin-top:0}.text-link{font-size:11px;gap:12px}.search-form{padding:10px 12px 10px 18px;gap:13px}.search-form input{font-size:14px}.search-form button{padding:12px 15px;font-size:11px;gap:12px}.search-hint{font-size:8px;word-spacing:0}.section-heading h2{font-size:31px}.section-heading>p{font-size:10px}.guide-grid{gap:15px}.visual{height:157px}.card-body{padding:15px}.card-body h3{font-size:17px;line-height:1.45}.card-body>p{font-size:11px}.card-meta{font-size:7px;gap:3px}.card-meta span:first-child{padding:3px 5px}.browser-graphic{left:12%;width:75%;top:32px;height:114px}.browser-content{padding:15px;gap:10px}.cookie-shape{width:43px;height:43px}.cookie-shape b{width:4px;height:4px;top:10px;left:13px}.cookie-shape b:nth-child(2){top:27px;left:13px}.cookie-shape b:nth-child(3){top:25px;left:27px}.cookie-shape b:nth-child(4){top:33px;left:23px}.cookie-shape b:nth-child(5){top:19px;left:6px}.clear-bubble{bottom:5px;right:10px;width:35px;height:35px}.visual-star{left:12px;top:6px;font-size:23px}.picture{width:103px;height:95px}.picture-back{left:15%;top:26px}.picture-front{left:33%;top:40px}.picture-mountain{height:41px;bottom:22px}.picture-sun{width:16px;height:16px;top:15px;right:17px}.picture-front>span{font-size:8px;bottom:4px}.format-badge{left:9px;bottom:9px;padding:4px 7px;font-size:7px}.file-sheet{width:75px;height:100px;padding:38px 11px 8px}.file-sheet>span{font-size:17px}.file-back{left:14%;top:24px}.file-front{left:44%;top:36px}.file-equals{top:35px;left:43%;font-size:25px;width:33px;height:33px;line-height:22px;border-width:4px}.files-spark{right:12px;top:10px;font-size:24px}.guide-section{margin-bottom:60px}.approach-section{padding-block:47px}.approach-heading{grid-template-columns:30px 1fr}.approach-heading h2{font-size:30px;max-width:420px}.approach-heading>p{grid-column:2;max-width:500px;font-size:12px}.principles{gap:22px;margin-top:32px;padding-top:27px}.principle{padding-left:24px}.principle h3{font-size:13px}.principle p{font-size:11px}.principle-number{font-size:8px}.language-section{grid-template-columns:1fr;gap:26px;padding-block:55px}.language-intro h2{font-size:33px;max-width:600px}.language-intro>p:last-child{margin-top:12px}.language-grid{grid-template-columns:repeat(3,1fr);gap:10px}.language-tile{font-size:13px;padding:13px 15px}.footer-main nav{gap:18px;font-size:10px}.article-header{margin-top:35px}.article-header h1{font-size:43px}.article-layout{grid-template-columns:1fr}.toc{display:none}.article-content{max-width:100%}.article-visual .visual{height:265px}.article-visual .browser-graphic{height:190px;top:32px}.article-visual .clear-bubble{right:20%}.article-visual .visual-star{left:20%;font-size:37px}.article-visual .picture{height:170px;width:200px}.article-visual .picture-back{top:25px}.article-visual .picture-front{top:58px}.article-visual .file-sheet{height:160px;width:130px;padding-top:60px}.article-visual .file-back{top:40px}.article-visual .file-front{top:60px}.article-visual .files-spark{right:19%}.info-page h1{font-size:42px}.info-intro{font-size:17px}.related-grid .visual{height:180px}html:not([lang="en"]) .hero h1{font-size:38px;letter-spacing:-1px}html[lang="ta"] .hero h1,html[lang="te"] .hero h1{font-size:29px}html[lang="ta"] .desktop-nav,html[lang="te"] .desktop-nav{display:none}html[lang="ta"] .header-inner>.brand,html[lang="te"] .header-inner>.brand{margin-right:auto}}
@media(max-width:580px){.wrap{width:calc(100% - 36px)}.site-header{height:76px}.desktop-nav{display:none}.header-inner>.brand{margin-right:auto}.brand{font-size:25px}.language-picker summary{font-size:12px}.language-menu{right:0;top:43px;width:245px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:40px;padding-bottom:9px;min-height:0}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:8px;letter-spacing:1.25px;margin-bottom:19px}.hero h1{font-size:54px;letter-spacing:-2.8px;line-height:1.08;margin-bottom:21px}.hero-description{font-size:14px;line-height:1.85;max-width:330px;margin-bottom:21px}.hero-link{font-size:12px}.hero-illustration{align-self:center;transform:scale(.73);transform-origin:center;width:440px;height:330px;margin:-5px -30px -23px}.orange-sun{right:18px}.hero-window{top:54px;left:51px}.float-files{bottom:24px;right:14px}.float-check{bottom:43px;left:5px}.hero-art-caption{bottom:-19px}.orbit{top:5px}.orbit-two{top:40px}.art-plus{bottom:-17px}.search-wrap{margin-bottom:48px}.search-form{padding:9px 10px 9px 15px;border-radius:9px;gap:10px}.search-form>.icon{width:19px;height:19px}.search-form input{font-size:13px;padding:9px 0}.search-form button{padding:0;width:41px;min-height:41px;justify-content:center;border-radius:6px}.search-form button>span{display:none}.search-form button .icon{width:18px;height:18px}.search-hint{margin-top:9px;font-size:8px;line-height:1.8;max-width:100%}.section-heading{display:block;margin-bottom:23px}.section-heading .eyebrow{font-size:8px;margin-bottom:7px}.section-heading h2{font-size:32px}.section-heading>p{font-size:11px;margin-top:10px}.filters{gap:7px;margin-bottom:22px}.filter{font-size:10px;padding:7px 11px;gap:8px}.filter span{font-size:8px}.guide-grid{grid-template-columns:1fr;gap:24px}.visual{height:228px}.card-body{padding:23px}.card-meta{font-size:9px;margin-bottom:12px}.card-meta span:first-child{padding:3px 7px}.card-body h3{font-size:24px;line-height:1.35;letter-spacing:-.6px;margin-bottom:13px}.card-body>p{font-size:13px;line-height:1.8;margin-bottom:22px}.card-bottom{font-size:11px;padding-top:17px}.browser-graphic{height:153px;width:68%;left:16%;top:44px}.browser-graphic .window-bar{height:30px}.browser-content{padding:24px;gap:25px}.cookie-shape{width:57px;height:57px}.cookie-shape b{width:6px;height:6px;top:13px;left:15px}.cookie-shape b:nth-child(2){top:33px;left:15px}.cookie-shape b:nth-child(3){top:29px;left:35px}.cookie-shape b:nth-child(4){top:44px;left:30px}.cookie-shape b:nth-child(5){top:24px;left:6px}.clear-bubble{width:46px;height:46px;right:29px;bottom:21px}.visual-star{left:27px;top:17px;font-size:35px}.picture{width:150px;height:134px}.picture-back{left:22%;top:32px}.picture-front{left:36%;top:51px}.picture-mountain{height:62px;bottom:28px}.picture-sun{width:26px;height:26px;top:20px;right:25px}.picture-front>span{font-size:11px;bottom:6px}.format-badge{left:25px;bottom:23px;padding:6px 10px;font-size:10px}.file-sheet{width:107px;height:137px;padding:52px 17px 12px}.file-sheet>span{font-size:26px}.file-back{left:20%;top:33px}.file-front{left:46%;top:53px}.file-equals{top:55px;left:44%;width:45px;height:45px;font-size:34px;line-height:30px;border-width:5px}.files-spark{right:25px;top:20px;font-size:35px}.preview-note{align-items:flex-start;gap:12px;padding-top:17px;margin-top:24px}.preview-tag{font-size:7px;margin-top:2px}.preview-note p{font-size:10px;line-height:1.8}.guide-section{margin-bottom:47px}.approach-section{padding-block:39px}.approach-heading{grid-template-columns:1fr;gap:15px}.approach-heading>.brand-mark{width:31px;height:31px}.approach-heading h2{font-size:33px;max-width:330px}.approach-heading>p{grid-column:1;font-size:13px;line-height:1.85;max-width:320px}.principles{grid-template-columns:1fr;gap:27px;margin-top:27px;padding-top:26px}.principle{padding-left:34px}.principle-number{top:3px;font-size:10px}.principle h3{font-size:16px;margin-bottom:5px}.principle p{font-size:12px;max-width:310px}.language-section{padding-block:43px 48px;gap:25px}.language-intro h2{font-size:34px;max-width:340px}.language-intro .eyebrow{font-size:8px}.language-intro>p:last-child{font-size:12px}.language-grid{grid-template-columns:repeat(3,1fr);gap:8px}.language-tile{font-size:11px;min-height:47px;padding:12px 9px;gap:4px}.language-tile .icon{width:11px;height:11px}.footer-main{display:block;padding-block:29px 25px}.footer-main nav{margin-top:25px;gap:24px;font-size:11px}.footer-main .brand{font-size:24px}.footer-main p{font-size:11px}.footer-bottom{font-size:8px;padding-block:15px;gap:20px}.article-wrap{padding-top:24px}.article-header{margin-top:28px;margin-bottom:25px}.article-header h1{font-size:38px;line-height:1.17;letter-spacing:-1.1px}.article-header>.eyebrow{font-size:9px;margin-bottom:14px}.article-description{font-size:15px;line-height:1.85;margin-bottom:20px}.article-meta{gap:7px;font-size:9px}.meta-date{margin-left:0;display:block;flex-basis:100%;padding-left:35px}.copy-link{position:absolute;right:21px;margin-top:42px;font-size:9px}.copy-link .icon{width:12px}.article-visual{margin-bottom:28px;border-radius:8px}.article-visual .visual{height:232px}.article-visual .browser-graphic{width:68%;left:16%;height:157px;top:38px}.article-visual .browser-content{padding:23px;gap:15px}.article-visual .cookie-shape{width:57px;height:57px}.article-visual .cookie-shape b{width:6px;height:6px}.article-visual .clear-bubble{right:9%;bottom:18px;width:46px;height:46px}.article-visual .visual-star{left:7%;font-size:33px;top:15px}.article-visual .picture{width:150px;height:140px}.article-visual .picture-back{left:calc(50% - 108px);top:27px}.article-visual .picture-front{left:calc(50% - 22px);top:55px}.article-visual .picture-mountain{height:65px;bottom:28px}.article-visual .picture-sun{width:26px;height:26px;top:20px;right:25px}.article-visual .format-badge{left:7%;bottom:19px;padding:6px 10px}.article-visual .file-sheet{width:107px;height:137px;padding:52px 17px 12px}.article-visual .file-sheet>span{font-size:26px}.article-visual .file-back{left:calc(50% - 104px);top:33px}.article-visual .file-front{left:calc(50% - 7px);top:53px}.article-visual .file-equals{left:calc(50% - 25px);top:55px;width:45px;height:45px;font-size:34px;line-height:30px}.article-visual .files-spark{right:7%;top:18px;font-size:35px}.quick-answer{padding:21px 22px;margin-bottom:30px}.quick-answer>span{font-size:11px}.quick-answer>p{font-size:16px}.article-content h2{font-size:21px;line-height:1.5}.article-content>section>p{font-size:15px;line-height:1.95}.article-content>section{margin-bottom:29px}.article-content h2>span{font-size:9px}.source-section a{font-size:11px;line-height:1.8}.related-section{margin-block:45px}.related-section>h2{font-size:27px}.related-grid{grid-template-columns:1fr;gap:22px}.related-grid .visual{height:200px}.related-grid .guide-card .card-body h3{font-size:22px}.info-page{padding-top:26px;padding-bottom:40px}.info-page>.eyebrow{margin-top:30px}.info-page h1{font-size:38px;letter-spacing:-1px}.info-intro{font-size:16px;padding-bottom:25px;margin-bottom:28px}.info-sections h2{font-size:20px}.info-sections p{font-size:15px}.not-found{padding-block:75px 100px}.not-found h1{font-size:54px}.not-found p{font-size:15px}html:not([lang="en"]) .hero h1{font-size:43px;line-height:1.4;letter-spacing:-1.5px}html[lang="ta"] .hero h1,html[lang="te"] .hero h1{font-size:33px;line-height:1.65;letter-spacing:-.5px}html[lang="ta"] .hero-description,html[lang="te"] .hero-description{font-size:14px;line-height:1.95}html:not([lang="en"]) .article-header h1{font-size:32px;line-height:1.45}html[lang="ta"] .article-header h1,html[lang="te"] .article-header h1{font-size:28px;line-height:1.7}html:not([lang="en"]) .info-page h1{font-size:34px;line-height:1.5}html[lang="ta"] .info-page h1,html[lang="te"] .info-page h1{font-size:29px;line-height:1.7}html[lang="ta"] .card-body h3,html[lang="te"] .card-body h3{font-size:22px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.toc,.copy-link,.related-section,.article-visual,.back-link{display:none}.wrap{width:100%;max-width:none}.article-header{margin-top:0}.article-layout{display:block}.article-content{max-width:none}body{background:var(--surface)}.article-header h1{font-size:32px}.quick-answer{border:1px solid #ccc;background:var(--surface)}.article-content>section{break-inside:avoid}.source-section a{color:black}}

/* Appearance controls and dark palette. Decorative art keeps its own colors. */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--paper:#191b22;--surface:#22252e;--ink:#eceef4;--muted:#b0b5c1;--line:#3b404c;--purple:#b4a2ff;--lilac:#35304d;--on-ink:#191b22;--subtle:#a8afbd;--subdued:#9ca4b4;--accent-soft:#302c45;--accent-border:#6a5c95;--approach:#20252b;--approach-line:#363e46;--answer-bg:#2d2843;--answer-line:#50466f;--answer-ink:#dfd6ff;--body-copy:#c1c5cf;--chip-bg:#292d35;--chip-border:#424955}
.theme-picker{position:relative;flex:none;margin-right:-18px}
.theme-picker summary{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;list-style:none;background:transparent;color:var(--muted)}
.theme-picker summary::-webkit-details-marker{display:none}
.theme-picker summary:hover,.theme-picker[open] summary{background:var(--accent-soft);color:var(--purple);border-color:var(--accent-border)}
.theme-picker summary .icon{width:18px;height:18px}
[data-mode-icon]{display:none;line-height:1}
html:not([data-theme-mode]) [data-mode-icon="system"],html[data-theme-mode="system"] [data-mode-icon="system"],html[data-theme-mode="light"] [data-mode-icon="light"],html[data-theme-mode="dark"] [data-mode-icon="dark"]{display:block}
.theme-menu{position:absolute;z-index:40;right:0;top:50px;width:200px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 45px #0002}
.theme-menu button{width:100%;display:flex;align-items:center;gap:11px;padding:10px;border-radius:6px;background:transparent;text-align:left;color:var(--muted);font-size:13px}
.theme-menu button>.icon{width:17px;height:17px}
.theme-menu button>span{flex:1}
.theme-menu button .theme-check{opacity:0;width:15px;height:15px}
.theme-menu button[aria-pressed="true"]{background:var(--accent-soft);color:var(--purple)}
.theme-menu button[aria-pressed="true"] .theme-check{opacity:1}
.theme-menu button:hover{background:var(--accent-soft)}
.hero-illustration,.visual{--purple:#563bf0;--surface:#fff;--on-ink:#fff;--lilac:#e9e5ff}
html[data-theme="dark"] .language-menu a:hover,html[data-theme="dark"] .language-menu .current{background:var(--accent-soft);color:var(--purple)}
html[data-theme="dark"] .text-link>span{background:#30343e;color:var(--ink)}
html[data-theme="dark"] .text-link:hover>span{background:var(--purple);color:var(--on-ink)}
html[data-theme="dark"] .search-form{border-color:var(--line);box-shadow:0 5px 20px #0001}
html[data-theme="dark"] .search-form>.icon,html[data-theme="dark"] .search-form input::placeholder{color:var(--subdued)}
html[data-theme="dark"] .filter{border-color:var(--line)}
html[data-theme="dark"] .filter:hover{background:var(--surface)}
html[data-theme="dark"] .filter.active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
html[data-theme="dark"] .guide-card:hover{box-shadow:0 12px 32px #0003}
html[data-theme="dark"] .card-bottom{border-color:var(--line)}
html[data-theme="dark"] .card-meta span:last-child{color:var(--subdued)}
html[data-theme="dark"] .preview-tag{border-color:var(--line);color:var(--subtle)}
html[data-theme="dark"] .principles{border-color:var(--line)}
html[data-theme="dark"] .principle-number,html[data-theme="dark"] .toc>p,html[data-theme="dark"] .footer-bottom{color:var(--subdued)}
html[data-theme="dark"] .language-tile .icon{color:var(--subdued)}
html[data-theme="dark"] .language-tile:hover{border-color:var(--accent-border)}
html[data-theme="dark"] .editorial-note{border-color:#72716b}
html[data-theme="dark"] .hero-illustration{filter:brightness(.85) saturate(.88)}
html[data-theme="dark"] .hero-art-caption{color:#d6d3e0}
html[data-theme="dark"] .orbit{border-color:#686578}
html[data-theme="dark"] .visual-browser{background:#302b40}
html[data-theme="dark"] .visual-image{background:#3e332b}
html[data-theme="dark"] .checker{background-color:#443a31;background-image:conic-gradient(#3b3129 25%,transparent 0 50%,#3b3129 0 75%,transparent 0)}
html[data-theme="dark"] .visual-files{background:#2e382c}
html[data-theme="dark"] .clear-bubble{border-color:#302b40}
html[data-theme="dark"] .file-equals{border-color:#2e382c}
@media(max-width:800px){.theme-picker{margin-right:0}.header-inner{gap:14px}.desktop-nav{gap:15px;margin-right:0}}
@media(max-width:580px){.header-inner{gap:12px}.theme-picker summary{width:34px;height:34px}.theme-menu{right:-75px;top:45px}.theme-menu .menu-label{letter-spacing:.4px}.language-picker summary{gap:5px}}
@media print{:root[data-theme="dark"]{color-scheme:light;--paper:white;--surface:white;--ink:#25271f;--muted:#6b6d63;--line:#ccc;--purple:#563bf0;--body-copy:#333;--answer-ink:#333} .theme-picker{display:none}}

/* Tools and contextual funding share the light/dark palette. */
.resource-section{margin-block:0 80px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px;align-items:start}.resource-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:27px;overflow-wrap:anywhere}.resource-symbol{display:grid;place-items:center;width:42px;height:42px;background:var(--accent-soft);color:var(--purple);border-radius:10px;font-size:25px;margin-bottom:20px}.resource-card h3{font-size:21px;line-height:1.5;margin:0 0 10px;letter-spacing:-.3px}.resource-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 19px}.business-link{display:inline-flex;align-items:center;gap:14px;font-weight:600;font-size:13px;color:var(--purple);text-decoration:underline;text-underline-offset:4px;line-height:1.8}.business-link:hover{text-decoration-thickness:2px}.business-link span{font-size:18px}.article-business{border-top:1px solid var(--line);padding-top:26px;margin-top:35px}.article-business .resource-card{padding:22px}.article-business h2{margin:0 0 20px}.article-business .resource-card h3{font-size:18px}.business-badge{display:inline-block;border:1px solid var(--accent-border);border-radius:5px;color:var(--purple);padding:3px 8px;font-size:11px;margin-bottom:17px}.resource-card .commercial-notice{font-size:12px}.policy-link{display:block;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-top:15px}.tools-page{max-width:1080px}.tools-page>h1{max-width:900px;overflow-wrap:anywhere}.tools-page .info-intro{max-width:760px}.local-note{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:10px;padding:18px 22px;margin-bottom:24px;font-size:14px;color:var(--answer-ink)}.converter-form{max-width:100%}.file-drop{padding:30px;border:1px dashed var(--accent-border);background:var(--surface);border-radius:12px}.file-drop>label{display:block;font-size:18px;font-weight:600;margin-bottom:17px}.file-drop input{max-width:100%;color:var(--muted);font-size:13px}.file-drop input::file-selector-button{border:1px solid var(--line);background:var(--accent-soft);color:var(--ink);border-radius:6px;padding:10px;margin-right:12px;cursor:pointer}.file-drop p,.selected-files{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.selected-files{padding-left:20px}.selected-files:empty{display:none}.converter-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:26px}.converter-options label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;min-width:0}.converter-options label>select,.converter-options input[type="number"]{display:block;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:11px;min-height:46px;font:inherit}.converter-options input[type="range"]{width:100%;accent-color:var(--purple);min-height:40px}.converter-options output{margin-left:auto;color:var(--muted);font-size:12px}.converter-options select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.tool-hint{font-size:12px;color:var(--muted);line-height:1.9}.converter-actions{display:flex;flex-wrap:wrap;gap:14px;margin-block:25px}.converter-actions button{min-height:45px}.converter-status{font-size:14px;color:var(--muted);min-height:25px}.converter-form button:disabled{opacity:.5;cursor:default}.converter-results{border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.converter-results h2{font-size:24px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}.conversion-result{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--surface);min-width:0}.conversion-result img{display:block;width:100%;height:180px;object-fit:contain;background:var(--paper);border-radius:5px}.conversion-result h3{font-size:14px;overflow-wrap:anywhere;line-height:1.7}.conversion-result p{font-size:12px;color:var(--muted);line-height:1.9}.conversion-error{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.ad-placement{border-block:1px solid var(--line);padding-block:12px;margin-block:30px;max-width:100%;overflow:hidden}.ad-placement>span{display:block;text-align:center;font-size:10px;color:var(--muted);margin-bottom:10px}.adsbygoogle{display:block;min-height:100px}.footer-main nav{flex-wrap:wrap;row-gap:14px}.privacy-choices{padding:0;background:transparent;font:inherit;color:inherit;text-align:left}.privacy-choices:disabled{opacity:.5;cursor:default}
.converter-actions{align-items:stretch}.converter-actions .solid-button{margin-top:0}
.table-hint{display:none}.hero-illustration,.visual{--ink:#25271f;--muted:#6b6d63}
.visual .format-badge{color:#513a28}
.comparison-section{margin-bottom:35px}.comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.comparison-scroll:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.comparison-scroll table{width:100%;border-collapse:collapse;min-width:520px;font-size:12px;line-height:1.8;text-align:left}.comparison-scroll th,.comparison-scroll td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.comparison-scroll thead th{background:var(--accent-soft);color:var(--answer-ink);font-weight:650}.comparison-scroll tbody th{font-weight:600;color:var(--ink)}.comparison-scroll td{color:var(--body-copy)}.comparison-scroll tbody tr:last-child>*{border-bottom:0}.comparison-scroll th:first-child{min-width:115px}.comparison-scroll td{min-width:130px}.article-content .comparison-section>h2{margin-bottom:15px}
@media(max-width:580px){.comparison-scroll th,.comparison-scroll td{padding:12px}.comparison-scroll table{font-size:12px}.article-content .comparison-section>.table-hint{display:block;font-size:11px;color:var(--muted);margin:0 0 12px}}
@media(max-width:800px){.footer-main{gap:30px}.footer-main nav{max-width:400px;column-gap:20px}.converter-options{gap:16px}.resource-section{margin-bottom:50px}}
@media(max-width:580px){.resource-section .section-heading{display:flex;align-items:start;gap:15px}.resource-section .section-heading h2{font-size:27px}.resource-card{padding:23px}.resource-section .section-heading>a{font-size:11px;flex:none}.converter-options{grid-template-columns:1fr;gap:22px}.file-drop{padding:22px}.local-note{padding:17px;font-size:13px}.footer-main nav{max-width:100%;column-gap:20px}.tools-page>h1{font-size:35px}.tools-page .info-intro{font-size:15px}.converter-options input[type="range"]{margin-block:0}}
@media print{.article-business,.resource-section,.converter-form,.ad-placement{display:none}}

/* Reviewed execution guides: answer, numbered workflow, measured results, context. */
.guide-layout{display:block;max-width:800px;margin-inline:auto}.guide-layout .article-content{max-width:none}.article-header{max-width:800px}.article-header h1{font-family:var(--sans);font-weight:650;font-size:clamp(30px,3.4vw,40px);line-height:1.4;letter-spacing:-1px}.workflow-section{margin:0 0 38px}.workflow-section h2{margin-bottom:15px}.workflow-steps{list-style:none;padding:0;margin:0;counter-reset:workflow}.workflow-steps li{counter-increment:workflow;position:relative;padding:18px 0 18px 47px;border-bottom:1px solid var(--line);color:var(--body-copy);line-height:1.95;overflow-wrap:anywhere}.workflow-steps li:before{content:counter(workflow,decimal-leading-zero);position:absolute;left:0;top:22px;font-size:12px;font-weight:600;color:var(--purple)}.article-content .practice-note{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0 22px}.experiment-section{margin:38px 0 45px}.experiment-tables{display:grid;gap:24px}.experiment-tables-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-table-group{min-width:0}.experiment-table-group h3,.extension-guide h3{font-size:17px;font-weight:600;line-height:1.7;margin:0 0 10px}.experiment-scroll{max-width:100%;overflow-x:auto}.experiment-scroll:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.experiment-scroll table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8;text-align:left}.experiment-scroll th,.experiment-scroll td{padding:12px 9px;border-bottom:1px solid var(--line);font-weight:400;vertical-align:top}.experiment-scroll thead th{color:var(--muted);font-size:12px}.experiment-scroll tbody th{color:var(--ink)}.experiment-scroll td{color:var(--body-copy)}.experiment-scroll td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}.experiment-conclusion{border-left:3px solid var(--purple);padding:5px 0 5px 18px;margin:22px 0}.experiment-conclusion p{margin:0}.example-downloads{display:flex;flex-wrap:wrap;gap:7px 18px;padding:0;list-style:none;margin:15px 0 0;font-size:12px}.example-downloads a,.converter-shortcut a{color:var(--purple);text-decoration:underline;text-underline-offset:4px}.example-downloads a{display:inline-block;padding-block:5px}.converter-shortcut{margin:12px 0 30px}.extension-guide{margin:25px 0;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.extension-guide ul{padding-left:20px;font-size:13px;color:var(--body-copy)}.extension-guide li{margin:10px 0;overflow-wrap:anywhere}
@media(max-width:700px){.experiment-tables-pair{grid-template-columns:1fr}.article-content .workflow-steps li{padding-left:36px}.experiment-scroll th,.experiment-scroll td{padding:11px 7px}.article-header h1{letter-spacing:-.6px}}
@media(max-width:580px){.hero-illustration{overflow:clip}.article-header{margin-top:35px}.extension-guide{padding:16px}}
@media(max-width:360px){.header-inner{gap:6px}.header-inner>.brand{font-size:23px}.language-picker summary{gap:5px}.language-picker .chevron{margin-left:0}}