:root{color-scheme:dark;--bg:#0b1220;--surface:#111d31;--panel:#16233a;--line:#2a3950;--text:#f4f6fc;--muted:#a5b2c6;--green:#91e8b3;--accent:#93e4da;--shadow:0 30px 100px rgba(0,0,0,.22);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 64% 520px at 70% -220px,#193d43 0%,transparent 100%),var(--bg);color:var(--text);line-height:1.65;font-size:16px}a{color:#acede5}a:hover{color:#f1fff9}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img,canvas,video{max-width:100%}[hidden]{display:none!important}.shell{max-width:1160px;width:min(100% - 40px,1160px);margin-inline:auto}.site-header{position:relative;z-index:5;border-bottom:1px solid #26364b;background:rgba(9,16,29,.88);backdrop-filter:blur(16px)}.nav-wrap{min-height:80px;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand,.footer-brand{color:#f6fff9;text-decoration:none;font-size:22px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.brand-symbol{color:#89e4b0;margin-right:9px;letter-spacing:0}.brand-muted{color:#84ddbd}.brand-period{color:#b6f598}.nav-wrap nav{display:flex;gap:27px;align-items:center;flex:1;justify-content:center}.nav-wrap nav a{font-weight:600;color:var(--muted);font-size:14px;text-decoration:none}.nav-wrap nav a:hover,.nav-wrap nav a[aria-current="page"]{color:var(--text)}.header-support{white-space:nowrap;font-size:13px;text-decoration:none;font-weight:800;color:#c2f7e0;border:1px solid #426355;border-radius:30px;padding:10px 17px}.header-support:hover{background:#1b3c32}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:850;color:var(--green);text-transform:uppercase}.hero{min-height:530px;padding-block:76px 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.hero h1{max-width:700px;font-size:clamp(39px,5.2vw,74px);line-height:1.08;letter-spacing:-.055em;margin:17px 0 22px}.hero h1 em{font-style:normal;color:#99e9ca}.hero-copy>p{color:#c1ccdb;font-size:18px;max-width:570px;margin:0 0 26px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:11px 19px;text-decoration:none;font-weight:750;font-size:14px;border:1px solid transparent;line-height:1.4}.btn-primary{background:#91e8b3;color:#0a1b17;border-color:#91e8b3}.btn-primary:hover{background:#c2fbd5;color:#0b1c18}.btn-quiet{background:#1d2b40;border-color:#34465d;color:#ecf6ff}.btn-quiet:hover{background:#2d3d54}.hero-proof{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:23px;font-size:12px;color:#c0cdde}.hero-art{min-height:400px;position:relative;isolation:isolate;display:grid;place-items:center}.hero-art:before{content:"";background:#183f45;filter:blur(70px);position:absolute;inset:18%;z-index:-2}.visual-tile{width:80%;aspect-ratio:1.1;border:10px solid #1a2d3b;box-shadow:var(--shadow);border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(165deg,#5eacb1 0%,#89d7bf 44%,#d6ddba 70%,#234f55 100%);transform:rotate(-6deg)}.visual-sun{position:absolute;top:20%;right:18%;border-radius:100%;width:68px;height:68px;background:#f6ebc2;box-shadow:0 0 50px #f8e9b7}.visual-hill{position:absolute;bottom:-20%;width:130%;height:70%;border-radius:55% 50% 0 0}.hill-one{left:-20%;background:#286877;transform:rotate(-7deg)}.hill-two{left:15%;bottom:-38%;background:#143c55;transform:rotate(18deg)}.visual-card{position:absolute;background:#f3fcf8;color:#1c3940;font-weight:850;font-size:13px;padding:13px 17px;box-shadow:0 14px 40px #0005;border-radius:12px}.mini-card-1{left:0;top:8%;transform:rotate(-5deg)}.mini-card-2{right:-1%;bottom:12%;transform:rotate(8deg)}.visual-grid{position:absolute;left:0;bottom:5%;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;transform:rotate(8deg)}.visual-grid i{width:56px;height:36px;border:3px solid #e8fff2;border-radius:5px;background:#71b6b0}.section-spaced{padding-block:58px 82px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:25px}.section-head h2,.support-banner h2{font-size:clamp(28px,3vw,40px);line-height:1.13;letter-spacing:-.035em;margin:8px 0}.section-head>p{color:var(--muted);max-width:285px;margin-bottom:4px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{display:block;color:var(--text);text-decoration:none;background:linear-gradient(155deg,#1b2b42,#111d2e);border:1px solid #33445c;border-radius:18px;padding:26px;min-height:240px;transition:.18s;position:relative}.tool-card:hover{transform:translateY(-3px);border-color:#82debb;box-shadow:0 14px 40px #0003}.tool-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#233e43;color:#9be5be;font-size:31px;font-weight:700;margin-bottom:12px}.tool-category{font-size:11px;color:#91b5c0;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.tool-card h3{font-size:21px;letter-spacing:-.03em;margin:4px 0 8px;line-height:1.25}.tool-card p{color:#b2c0d2;font-size:14px;line-height:1.5;margin:0}.card-cta{display:block;color:#a9f0c5;font-weight:800;font-size:13px;margin-top:20px}.why-band{background:#111c2b;border-block:1px solid #263548}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:42px}.why-grid strong{color:#91d5ac;font-size:13px}.why-grid h3{margin:8px 0;font-size:20px}.why-grid p{color:#b6c1d3;margin:0;font-size:14px}.inline-arrow{font-weight:750;font-size:14px;white-space:nowrap}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{display:flex;flex-direction:column;text-decoration:none;color:var(--text);background:#142236;border-radius:16px;border:1px solid #2e4359;padding:26px;min-height:225px}.guide-card:hover{border-color:#96e7c2}.guide-card>span{font-size:11px;letter-spacing:.12em;color:#8bd3b8;font-weight:800}.guide-card h3{font-size:20px;line-height:1.25;margin:18px 0 8px}.guide-card p{color:#adbcd1;font-size:14px;line-height:1.5;flex:1}.guide-card b{font-size:12px;color:#99e8b8}.support-banner{background:linear-gradient(110deg,#173c3c,#244644);border:1px solid #366a60;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px;margin-bottom:85px}.support-banner p{color:#d0e6dd;margin:0}.site-footer{border-top:1px solid #27394b;background:#090f19;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1.25fr;gap:35px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:8px}.footer-grid p{font-size:13px;max-width:380px;color:#9fadc2;margin:0 0 4px}.footer-grid a:not(.footer-brand){font-size:13px;text-decoration:none;color:#b3c4d4}.footer-grid a:hover{text-decoration:underline}.footer-grid strong{margin-bottom:9px;font-size:13px}.foot-bottom{border-top:1px solid #2a3748;margin-top:26px;padding-top:18px;color:#8193a6;font-size:12px}.page-intro{padding-top:70px;padding-bottom:0}.page-intro h1,.tool-intro h1,.article-layout h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.05em;line-height:1.13;margin:14px 0}.page-intro p,.tool-intro p,.article-lead{color:#bdcad9;font-size:17px;max-width:760px}.article-layout{max-width:820px;padding-top:72px;padding-bottom:90px}.article-meta{color:#8fa5b6;font-size:12px;padding:0 0 22px;border-bottom:1px solid #34445a}.article-content{font-size:16px;line-height:1.85;color:#cbd5e2}.article-content h2{font-size:25px;letter-spacing:-.03em;color:#f7ffff;margin:33px 0 7px;line-height:1.25}.article-content p{margin:9px 0 18px}.article-content ul{padding-left:24px}.article-content a{color:#a9ecc7}.article-cta,.notice{border-radius:13px;border:1px solid #385e5b;background:#152d34;padding:23px;margin:30px 0}.article-cta h2{margin:0 0 10px}.affiliate-link{font-weight:750}.tool-shell{padding-top:38px;padding-bottom:70px}.tool-intro{margin:0 0 28px}.tool-intro h1{margin:6px 0 10px}.tool-intro p{margin:0 0 18px}.tool-badges{display:flex;gap:16px;flex-wrap:wrap;color:#a5eac7;font-size:12px;font-weight:750}.tool-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:16px}.tool-controls,.tool-results{background:#111e30;border:1px solid #31445b;border-radius:18px;padding:24px}.tool-panel{border-bottom:1px solid #2a3d52;padding-bottom:19px;margin-bottom:20px}.tool-panel h2{font-size:15px;margin:0 0 15px;letter-spacing:-.01em}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#15283a;min-height:142px;border:1px dashed #6c9d9c;border-radius:14px;padding:22px;cursor:pointer;position:relative;overflow:hidden;gap:4px}.upload-zone:hover{background:#1e3546;border-color:#97eabc}.upload-glyph{font-size:36px;color:#9fe3c7;line-height:1.2}.upload-zone strong{font-size:15px}.upload-zone>span:last-of-type{font-size:12px;color:#a2b4c6}.file-picker{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-picked{font-size:12px;color:#a3b8c9;overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#cbd8e8;margin:13px 0}.field>span{line-height:1.3}input[type=number],select,textarea{width:100%;background:#0d1829;border:1px solid #3b4f63;color:#f2f8fb;border-radius:9px;padding:11px;min-height:44px}input[type=color]{height:46px;width:100%;background:transparent;border:1px solid #364f5e;border-radius:8px}input[type=range]{width:100%;accent-color:#88dfb7;min-height:30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{color:#adbed0;font-size:12px}.tool-actions{display:flex;flex-wrap:wrap;gap:9px}.tool-status{background:#102937;color:#bce4d3;font-size:12px;border-radius:10px;padding:13px;margin:18px 0 0;overflow-wrap:anywhere;min-height:42px}.tool-results{min-height:420px}.result-heading{font-size:12px;text-transform:uppercase;color:#95abc0;font-weight:850;letter-spacing:.11em;margin-bottom:17px}.blank-preview{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#afc2d1;background:radial-gradient(circle at 50% 35%,#234843 0%,#102035 60%);border-radius:12px;padding:25px}.blank-preview>span{font-size:65px;color:#9ce6c5}.blank-preview strong{font-size:18px;color:#e4f1f5}.blank-preview p{font-size:13px}.result-canvas{display:block;max-width:100%;height:auto;border-radius:10px;box-shadow:0 8px 35px #0006;margin-bottom:14px;background:#fff}.result-img{width:100%;height:auto;max-height:520px;object-fit:contain;background:#0c1521;border-radius:10px;margin-bottom:15px}.result-caption{color:#a6bbc9;font-size:13px;margin:10px 0}.result-item{padding:12px;border:1px solid #35485b;background:#172a3c;border-radius:12px;margin:9px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.result-item strong{display:block;font-size:13px;word-break:break-word}.result-item small{display:block;font-size:11px;color:#a5b6c6}.result-item a{flex-shrink:0}.pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pick-card{padding:10px;border:1px solid #3a4e62;border-radius:12px;background:#182b3d}.pick-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#081522;border-radius:9px}.pick-card .pick-info{font-size:12px;color:#b3cbd4;margin:9px 0}.progress-list{font-size:12px;color:#96dac4}.tool-copy{max-width:780px;margin:47px 0}.tool-copy h2{font-size:27px;letter-spacing:-.03em}.tool-copy p{color:#b5c2d1}.tool-copy a{color:#aaf0cb}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bafcbf;outline-offset:3px}@media(max-width:920px){.hero{gap:30px}.tool-workspace{grid-template-columns:310px minmax(0,1fr)}.tools-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:690px){.shell{width:min(100% - 30px,1160px)}.nav-wrap{gap:10px;min-height:70px;flex-wrap:wrap;padding:12px 0}.brand{font-size:19px}.nav-wrap nav{order:3;width:100%;flex:initial;gap:24px;overflow:auto;justify-content:start}.header-support{margin-left:auto;padding:7px 11px}.hero{padding-top:46px;min-height:unset;grid-template-columns:1fr;gap:18px}.hero-art{min-height:280px}.visual-tile{width:65%;aspect-ratio:1.45}.mini-card-2{right:4%}.section-spaced{padding:44px 0 54px}.section-head{align-items:start;flex-direction:column;gap:4px}.tools-grid,.guide-grid{grid-template-columns:1fr}.tool-card{min-height:195px;padding:21px}.why-grid{grid-template-columns:1fr;gap:22px;padding-block:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:span 2}.support-banner{flex-direction:column;align-items:start;margin-bottom:50px}.tool-workspace{grid-template-columns:1fr}.tool-results{min-height:320px}.article-layout{padding-top:45px}.pick-grid{grid-template-columns:1fr 1fr}.tool-controls,.tool-results{padding:18px}}@media(max-width:380px){.nav-wrap nav{gap:14px}.nav-wrap nav a{font-size:12px}.field-row{grid-template-columns:1fr}.pick-grid{grid-template-columns:1fr}}

/* Real browser-generated example outputs in original guides. */
.article-content .worked-example { margin: 1.2rem 0 1.5rem; padding: .75rem; border: 1px solid #d8e1e8; border-radius: 1rem; background:#f6f8fb; max-width: 760px; }
.article-content .worked-example img { display:block; width:100%; height:auto; border-radius:.6rem; object-fit:contain; }
.article-content .worked-example figcaption { color:#4b5d71; font-size:.86rem; line-height:1.55; margin:.65rem .25rem .1rem; }
.article-content ol li, .article-content ul li {margin-bottom:.45rem;}
.skip-link {position:absolute;left:1rem;top:-10rem;background:#fff;color:#09233b;padding:.65rem 1rem;z-index:1000;border-radius:.4rem;}
.skip-link:focus {top:1rem;}

/* Family/privacy positioning: visible but restrained, no popups or false security badges. */
.family-section{display:grid;grid-template-columns:1.45fr .85fr;gap:36px;align-items:center;padding-block:44px 78px}.family-content h2{font-size:clamp(29px,3.3vw,44px);line-height:1.14;letter-spacing:-.035em;margin:12px 0 19px}.family-content>p{color:#c1d0df;max-width:710px}.family-side{background:linear-gradient(150deg,#193b3a,#11213a);padding:29px;border:1px solid #396455;border-radius:22px}.family-side-icon{width:60px;height:60px;border:1px solid #69b5a7;border-radius:17px;display:grid;place-items:center;font-size:31px;color:#c4f5da}.family-side h3{font-size:22px;margin:12px 0}.family-side ol{padding-left:22px}.family-side li{margin:0 0 14px;color:#d0e1dc}.family-side p,.family-footnote{color:#b0c7c6;font-size:13px}.family-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.privacy-strip,.family-tip{border:1px solid #4b876f;background:#12372f;color:#d3fae5;border-radius:12px;padding:13px 17px;font-size:14px;line-height:1.65;margin:16px 0}.privacy-strip a,.family-tip a{color:#c5ffec;text-decoration:underline}.family-editor-note{max-width:1160px;margin:4px auto 20px}.article-content .family-tip{margin-bottom:22px}.article-content .family-tip strong{color:#fff}.article-content .family-tip a{color:#bfffe4}@media(max-width:800px){.family-section{grid-template-columns:1fr;gap:20px;padding-block:28px 53px}.family-side{padding:23px}}

.audit-help { max-width: 76ch; margin-inline: auto; }
main figure img { display: block; max-width: 100%; height: auto; }
main figcaption { margin-top: .6rem; }

.privacy-canvas { width: 100%; max-width: 100%; height: auto; touch-action: none; cursor: crosshair; }

.analytics-choice {
  position: fixed;
  z-index: 10;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: min(34rem, calc(100% - 2rem));
  padding: 1rem;
  border: 1px solid #52667d;
  border-radius: .75rem;
  background: #112133;
  color: #f7fbf7;
  box-shadow: 0 .5rem 2rem #0006;
}
.analytics-choice p { margin: 0 0 .75rem; }
.analytics-choice a { color: inherit; text-decoration: underline; }
.analytics-choice button { margin: .15rem .3rem .15rem 0; }

.audit-help { max-width: 76ch; margin-inline: auto; }
main figure img { display: block; max-width: 100%; height: auto; }
main figcaption { margin-top: .6rem; }

/* Shared light palette for pages and tools. */
:root {
  color-scheme: light;
  --bg: #fff;
  --surface: #fff;
  --panel: #f6f8fb;
  --line: #dbe1e8;
  --text: #172335;
  --muted: #506078;
  --green: #17634b;
  --accent: #1855ad;
  --shadow: 0 12px 32px #182c4910;
}
body { background: var(--bg); }
a, a:hover, .article-content a, .tool-copy a, .card-cta,
.guide-card > span, .guide-card b { color: var(--accent); }
.site-header, .site-footer, .tool-card, .guide-card, .tool-controls, .tool-results {
  background: var(--surface); border-color: var(--line);
}
.brand, .footer-brand, .article-content h2, .article-content .family-tip strong { color: var(--text); }
.brand-symbol, .why-grid strong { color: var(--green); }
.header-support, .btn-quiet {
  color: var(--text); background: var(--panel); border-color: var(--line);
}
.header-support:hover, .btn-quiet:hover { background: #eaf0f8; color: var(--text); }
.btn-primary { background: #1855ad; border-color: #1855ad; color: #fff; }
.btn-primary:hover { background: #10458f; color: #fff; }
.hero { display:block; min-height:0; padding-block:clamp(48px, 8vw, 112px); text-align:center; }
.hero h1, .hero-copy > p { margin-inline:auto; }
.hero h1 { font-size:clamp(38px, 6vw, 72px); }
.hero-buttons, .hero-proof { justify-content:center; }
.hero-copy > p, .hero-proof, .tool-card p, .guide-card p, .why-grid p,
.family-content > p, .family-side li, .family-side p, .family-footnote,
.support-banner p, .footer-grid p, .footer-grid a:not(.footer-brand), .foot-bottom,
.page-intro p, .tool-intro p, .article-lead, .article-content, .tool-copy p,
.tool-category, .article-meta, .hint, .result-caption, .result-heading,
.file-picked, .upload-zone > span:last-of-type, .blank-preview, .pick-card .pick-info,
.result-item small, .field, .tool-badges, .progress-list { color:var(--muted); }
.why-band, .family-side, .support-banner, .article-cta, .notice,
.upload-zone, .blank-preview, .result-item, .pick-card, .analytics-choice {
  background:var(--panel); border-color:var(--line); color:var(--text);
}
.upload-zone:hover, .tool-status { background:#eaf2fa; color:var(--text); }
.tool-icon, .family-side-icon { background:#e9f0fc; color:var(--accent); border-color:var(--line); }
.upload-glyph, .blank-preview > span { color:var(--accent); }
.blank-preview strong { color:var(--text); }
.privacy-strip,.family-tip { background:#edf7f3; color:#244b40; border-color:#d3e7df; }
.privacy-strip a,.family-tip a,.article-content .family-tip a { color:#185a48; }
.tool-panel,.article-meta,.foot-bottom { border-color:var(--line); }
input[type=number],select,textarea,input[type=color] {
  background:var(--surface); color:var(--text); border-color:var(--line);
}
input[type=range] { accent-color:#1855ad; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline-color:#1855ad; }