/* A quiet, editorial utility workspace. System fonts; no external assets. */
:root{--ink:#172f40;--muted:#596c78;--blue:#173c50;--line:#dce4e7;--pale:#f1f5f5;--radius:18px;background:#f6f8f8;letter-spacing:-.015em}
.wrap{max-width:1360px;padding-inline:36px}h1,h2,h3{color:var(--ink)}h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.045em}h2{letter-spacing:-.035em}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#647781;font-weight:750}.top{height:90px}.brand{font-size:23px;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);font-weight:650;margin-top:1px}.brand-accent,.brand em{color:#71828a}.brand svg{width:40px;height:40px}.nav{align-items:center;gap:30px}.nav a{padding:10px 0}.nav .nav-saved{border:1px solid var(--line);border-radius:9px;padding:10px 16px;background:#f8faf9}.button{background:var(--ink);border-color:var(--ink);padding:12px 20px;border-radius:10px;font-weight:650;min-height:46px}.button:hover{background:#2e5267;border-color:#2e5267}.button.secondary:hover{background:#edf3f3;border-color:#aabdc7}a:hover{color:#3d677c}:focus-visible{outline:3px solid #b98632!important;outline-offset:4px!important}.text-button{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:9px 0;min-height:44px}
.workspace-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:60px;padding:56px 0 48px;align-items:center}.hero-main h1{font-size:clamp(48px,5.8vw,78px);line-height:1.04;letter-spacing:-.065em;margin:20px 0 24px;font-weight:750}.hero-main h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#8b6939}.hero-main>p{color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:26px}.gold-line{display:inline-block;background:#b49360;width:25px;height:2px;vertical-align:middle;margin-right:9px}.searchbox{border-radius:12px;padding:0 18px;border-color:#bacbd3;box-shadow:0 8px 24px #172f4008;gap:12px}.searchbox:focus-within{border-color:#8b6939;box-shadow:0 0 0 3px #b4936020}.searchbox svg{flex-shrink:0;width:23px}.searchbox input:not([type=checkbox]){border:0;background:none;padding:20px 0;border-radius:0}.searchbox input:focus-visible{outline:none!important}.hero-trust{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:17px;color:#5b707b;font-size:11px}.hero-trust span:before{content:'✓';margin-right:6px;color:#4e7666}.hero-picks{background:#172f40;color:#fff;border-radius:24px;padding:30px;box-shadow:0 20px 40px #173c5010}.hero-picks .eyebrow{color:#c6b084}.hero-picks h2{color:#fff;font-size:29px;line-height:1.2;margin:16px 0 20px}.hero-picks>a{display:flex;gap:14px;align-items:center;padding:19px 0;border-top:1px solid #ffffff20;color:white}.hero-picks>a:hover strong{text-decoration:underline;text-underline-offset:4px}.pick-number{font:italic 18px Georgia,serif;color:#d5bb89}.hero-picks strong{font-size:14px;font-weight:600;display:block}.hero-picks small{display:block;color:#bbcad3;font-size:12px;line-height:1.6;margin-top:4px}.pick-arrow{margin-left:auto;color:#e0c28b}.picks-foot{font-size:9px;letter-spacing:1.4px;color:#bbcad3;border-top:1px solid #ffffff20;padding-top:18px}
.collection-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:34px;border-top:1px solid var(--line);padding-top:36px}.collection-sidebar{padding-top:8px}.filters{display:flex;flex-direction:column;gap:5px;margin:19px 0 26px}.filter{text-align:left;display:flex;align-items:center;justify-content:space-between;padding:12px;font-weight:550;font-size:13px}.filter.active{background:var(--ink);box-shadow:none}.filter b{font-size:11px;opacity:.8}.filter:not(.active):hover{background:#e9eeee}.sidebar-note{padding:22px 15px;border:1px solid #e5ddce;background:#f5f1e8;border-radius:14px}.bookmark-mark{font-size:27px;color:#886836}.sidebar-note h3{font-size:14px;margin-top:8px}.sidebar-note p{font-size:12px;color:var(--muted);line-height:1.8}.section-head{margin:0 0 24px;align-items:flex-end}.section-head h2{font-size:27px;margin-top:7px}.section-head .eyebrow{font-size:10px}.collection-controls{display:flex;align-items:flex-end;flex-direction:column;gap:5px;flex-shrink:0}.sort-label{font-size:10px;color:var(--muted)}.collection-controls select{font-size:12px;padding:7px 10px;background:transparent;border-radius:7px}.section-head #result-count{font-size:11px}.grid{gap:16px}.card{padding:23px;min-height:238px;border-color:#e0e7e9;border-radius:16px;box-shadow:0 2px 3px #172f4002}.card:hover,.card:focus-within{transform:translateY(-3px);border-color:#9eb4bf;box-shadow:0 12px 26px #172f400b}.card-top{margin-bottom:21px}.tile{width:45px;height:45px;border-radius:13px;color:#375f79;background:#eaf1f5;font-size:20px}.card h3{font-size:17px;letter-spacing:-.025em}.card p{font-size:13px;line-height:1.7;margin-bottom:22px}.card-bottom{border-top:1px solid #eef1f2;padding-top:14px;font-size:10px}.open-link{color:var(--ink);font-size:11px}.open-link span{margin-left:4px}.favorite{width:44px;height:44px;border-radius:50%;font-size:24px;flex-shrink:0}.favorite:hover{background:#f3f0e8;color:#8b6939}.favorite[aria-pressed=true]{color:#896315;background:#f8efdc}.load-more-wrap{text-align:center;margin-top:28px}.load-more-wrap .button{min-width:230px}.return-strip{display:flex;align-items:center;gap:24px;border:1px solid var(--line);padding:23px;border-radius:16px;background:white;margin-bottom:30px}.return-strip h2{font-size:17px;margin:5px 0}.recent-tools{display:flex;gap:8px;flex-wrap:wrap;flex:1}.recent-tools a{font-size:12px;background:#f0f4f4;border-radius:8px;padding:10px 13px}.feature{margin-top:52px;background:#edf1f0;border:0;padding:36px;border-radius:20px}.feature h2{font-size:28px;margin:10px 0}.feature p{line-height:1.8;color:var(--muted)}.feature .button{flex-shrink:0}.home-info{margin:44px 0;gap:38px}.home-info>div{border-top:1px solid #bfcdd1;padding-top:21px}.info-number{font-size:10px;letter-spacing:1.6px;color:#7b6848}.home-info h3{font-size:18px;margin:12px 0}.home-info p{font-size:13px;line-height:1.8}.footer{padding-top:42px}.fineprint{margin-top:35px}.footer-links a:hover{text-decoration:underline}
.breadcrumb{padding-top:27px;font-size:12px}.tool-page .intro{padding:24px 0 30px}.tool-page .intro p{font-size:17px;max-width:770px}.tool-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}.panel{padding:0;overflow:hidden;border-radius:20px;box-shadow:0 8px 30px #173c5005}.tool-head{margin:0;padding:23px 28px;background:#172f40;border:0;color:white}.workspace-label{display:flex;gap:14px;align-items:center}.workspace-label .tile{background:#ffffff14;color:#dfc28e;width:45px;height:45px;flex-shrink:0}.tool-head .eyebrow{font-size:9px;color:#b8cbd5}.tool-head h2{font-size:19px;color:white;margin-top:4px}.tool-head-actions{display:flex;align-items:center;gap:10px}.tool-head .pill{background:none;border-color:#ffffff30;color:#d0dee5;font-size:10px;font-weight:500;letter-spacing:0}.tool-head .favorite{color:#e2c895;background:#ffffff0c}.tool-head .favorite[aria-pressed=true]{background:#fff1cb;color:#77551c}#tool-app{padding:30px;min-width:0}.panel>.hint{margin:0;padding:16px 30px;border-top:1px solid #e6eeee;background:#fafcfc;font-size:11px}.form-caption{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;margin-bottom:21px}.step-mark{display:grid;place-items:center;border:1px solid #c8d6dc;border-radius:50%;width:25px;height:25px;font-size:11px;color:#5e7886;flex-shrink:0}.fields{gap:23px 20px}label{font-size:13px;font-weight:600;color:#314d5d}input:not([type=checkbox]):not([type=range]),select,textarea{padding:13px 14px;border-radius:9px;background:#fbfcfc;border-color:#cbd7dc}textarea{min-height:190px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}input[type=file]{font-size:12px;border-style:dashed!important;padding:20px!important;background:#f5f8f8!important}input::file-selector-button{padding:10px 13px;background:white;border:1px solid #b6c9d1;border-radius:7px;color:var(--ink);margin-right:12px;font:inherit;cursor:pointer}input[type=range],input[type=checkbox]{accent-color:#173c50}.actions{margin-top:24px;gap:10px}.result-area{background:#f0f5f4;border:1px solid #dce7e4;border-radius:13px;padding:21px;margin-top:29px}.result-area .form-caption{margin-bottom:12px;color:#355d50}.result-area .step-mark{border-color:#b9d1c9;color:#355d50}.result-placeholder{margin:0;font-size:13px;color:#60776e;line-height:1.8;padding-left:35px}.result-area .output{border:0;background:transparent;margin:0;padding:7px 0 0;min-height:0;font-size:17px;color:#173f35;font-variant-numeric:tabular-nums}.output{max-width:100%;overflow:auto}.error{font-size:14px;line-height:1.7}.side{padding-top:7px}.side h3{font-size:10px;letter-spacing:1.7px}.side>a{background:#fff;border:1px solid var(--line);padding:14px;border-radius:12px;margin-bottom:9px;font-size:13px;line-height:1.5}.side>a:hover{border-color:#9cb4bd}.side .tile{flex-shrink:0;width:34px;height:34px}.side .tip{margin-top:24px;background:#f0ede5;padding:20px;font-size:12px;line-height:1.8;color:#665c4b}.side .tip a{font-size:12px;text-decoration:underline;border:0;padding-bottom:0}.tool-guide{max-width:none;margin-top:34px}.guide-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-sections section{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}.guide-sections h2{font-size:19px;margin:12px 0}.guide-sections p{font-size:14px;line-height:1.85;margin-bottom:0;overflow-wrap:anywhere}.tool-guide>h2,.tool-guide>details,.tool-guide>p{max-width:860px}.article{line-height:1.85}.article summary{font-size:14px;padding-right:12px}.article details[open]{padding-bottom:22px}.article details p{font-size:14px}.guide-card{border-radius:18px;padding:30px}.guide-card h2{font-size:25px}.guide-card p{line-height:1.8}.clock{font-size:clamp(38px,6vw,70px);font-weight:500;border-radius:14px;background:#f2f6f6;margin:12px 0}.signature{background:#fffefb;border-style:dashed;border-color:#a9bbc5}.todo-row{padding:16px 0;font-size:14px}.todo-row button{min-width:44px;min-height:44px}.preview-img{border:1px solid var(--line);padding:8px}.ad-slot:before{content:'Advertisement'}.skip:focus{border-radius:8px}.empty p{color:var(--muted)}
@media(min-width:1450px){.workspace-hero{gap:90px}}
@media(max-width:1100px){.wrap{padding-inline:28px}.workspace-hero{gap:30px;grid-template-columns:1.25fr 1fr}.hero-picks{padding:25px}.collection-layout{grid-template-columns:170px minmax(0,1fr);gap:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout{grid-template-columns:minmax(0,1fr) 245px}.tool-head .pill{display:none}.hero-trust{gap:7px 13px}.guide-sections{gap:13px}.guide-sections section{padding:21px}}
@media(max-width:800px){.workspace-hero{grid-template-columns:1fr;padding:34px 0;gap:28px}.hero-main h1{font-size:60px}.hero-picks{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hero-picks>.eyebrow,.hero-picks>h2,.picks-foot{grid-column:1/-1}.hero-picks h2{font-size:25px;margin:10px 0 20px}.hero-picks h2 br{display:none}.hero-picks>a:last-of-type{grid-column:1/-1}.collection-layout{grid-template-columns:1fr;gap:17px;padding-top:25px}.collection-sidebar{min-width:0}.filters{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:0 0 10px;margin:12px 0 0;gap:6px}.filter{flex-shrink:0;gap:8px;background:white;border-color:var(--line);padding:10px 12px}.sidebar-note{display:none}.section-head h2{font-size:25px}.tool-layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side h3{grid-column:1/-1;margin-bottom:3px}.side>a{margin:0}.side .tip{grid-column:1/-1;margin:6px 0 0}.tool-head .pill{display:inline-flex}.guide-sections{grid-template-columns:1fr}.guide-sections section{padding:25px}.home-info{gap:22px}.return-strip{flex-wrap:wrap}.feature h2{font-size:24px}.feature{padding:27px}.feature p br{display:none}}
@media(max-width:520px){.wrap{padding-inline:18px}.top{height:76px}.brand{font-size:19px;gap:8px}.brand svg{width:33px;height:33px}.brand small{font-size:6px;letter-spacing:1.3px}.nav{gap:14px}.nav a{font-size:12px}.nav a:last-child{display:block;padding:9px 11px}.nav-saved span{display:none}.nav>a:nth-child(2){display:none}.workspace-hero{padding-top:30px}.hero-main h1{font-size:54px;margin:18px 0}.hero-main>p{font-size:15px;margin-bottom:22px}.hero-main>p br{display:none}.hero-trust{font-size:10px}.searchbox{padding-inline:13px}.searchbox input:not([type=checkbox]){font-size:13px;padding:17px 0}.hero-picks{display:block;padding:23px;border-radius:18px}.hero-picks h2{font-size:24px}.hero-picks>a{padding:16px 0}.hero-picks small{font-size:11px}.section-head{align-items:flex-start;gap:14px}.section-head h2{font-size:23px}.section-head .eyebrow{font-size:8px;letter-spacing:1.1px}.collection-controls{max-width:122px}.collection-controls select{width:122px;font-size:11px}.grid{grid-template-columns:1fr;gap:12px}.card{padding:21px;min-height:210px}.card-top{margin-bottom:12px}.card p{margin-bottom:18px}.home-info{grid-template-columns:1fr;gap:25px}.home-info p{margin-bottom:0}.tool-page .intro{padding:19px 0 23px}.tool-page h1{font-size:33px}.tool-page .intro p{font-size:15px}.tool-head{padding:20px}.tool-head h2{font-size:17px}.tool-head .pill{display:none}.workspace-label{gap:10px}#tool-app{padding:22px 18px}.panel>.hint{padding:14px 18px;font-size:10px}.fields{grid-template-columns:1fr;gap:18px}.fields .full{grid-column:auto}.result-area{padding:18px}.result-placeholder{padding-left:0}.actions .button{flex:1}.side{grid-template-columns:1fr}.side h3,.side .tip{grid-column:auto}.feature .button{width:100%}.footer-links{font-size:13px}.footer{margin-top:40px}.guide-card{padding:24px}.guide-card h2{font-size:23px}.return-strip{padding:20px;gap:14px}.recent-tools{flex-basis:100%}.result-area .output{font-size:15px}}
@media(prefers-reduced-motion:reduce){.card:hover,.card:focus-within{transform:none}}
/* Guides: generous reading measure and a compact, linked contents rail. */
.hub-note{color:var(--muted);font-size:16px;margin:0 0 32px}.guide-group{margin:36px 0}.guide-group>h2{border-bottom:1px solid var(--line);padding-bottom:16px;font-size:25px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card{display:flex;flex-direction:column;padding:27px}.guide-card-meta{display:flex;justify-content:space-between;gap:12px;color:#647781;font-size:12px;margin-bottom:17px}.guide-card h3{font-size:22px;line-height:1.35;letter-spacing:-.035em}.guide-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.guide-card p{font-size:16px;line-height:1.7;margin:10px 0 22px}.guide-card .open-link{margin-top:auto;font-size:14px}.article-meta{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:13px;color:var(--muted);padding-bottom:25px;border-bottom:1px solid var(--line)}.reading-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(180px,260px);gap:65px;align-items:start;margin-top:32px}.reading-article{margin-top:0;min-width:0}.reading-article>p:first-child{font-size:19px;line-height:1.8;margin-top:0}.reading-article h2{scroll-margin-top:25px;font-size:25px;margin-top:36px}.reading-article p,.reading-article li{font-size:17px;line-height:1.85}.reading-article a:not(.button){text-decoration:underline;text-underline-offset:3px;color:#285c75}.article-toc{position:sticky;top:24px;border-left:2px solid #cbb383;padding-left:22px;display:flex;flex-direction:column;gap:14px;font-size:14px}.article-toc strong{font-size:16px}.article-toc a{line-height:1.6;color:var(--muted)}.worked-example{background:#edf4f3;border:1px solid #d9e5e2;border-left:3px solid #5d8278;border-radius:0 12px 12px 0;padding:22px 25px;margin:24px 0}.worked-example p:last-child{margin-bottom:0}.reading-article pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.7;background:#fff;padding:18px;border:1px solid var(--line);border-radius:8px}.reading-article code{overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.reading-article table{width:100%;border-collapse:collapse;font-size:15px}.reading-article th,.reading-article td{padding:14px;text-align:left;border:1px solid var(--line);vertical-align:top}.reading-article th{background:#edf1f3}.guide-cta{padding:26px;background:#172f40;border-radius:16px;margin-top:34px;color:white}.guide-cta .eyebrow{font-size:12px;color:#d1b680}.guide-cta h2{color:#fff;font-size:24px;margin-top:10px}.guide-cta p{color:#d3e0e5;font-size:16px}.guide-cta .button{background:white;color:var(--ink);border-color:white}.next-reading{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.next-reading a,.tool-reading a{display:block;font-size:16px;margin:13px 0;text-decoration:underline;text-underline-offset:4px}.tool-reading{margin-top:30px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.tool-reading h2{margin-top:0;font-size:23px}@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{gap:30px;grid-template-columns:minmax(0,1fr) 200px}}@media(max-width:700px){.reading-layout{display:flex;flex-direction:column;gap:25px}.article-toc{position:static;order:-1;width:100%;padding:18px 20px;background:#eef2f2;border-radius:0 12px 12px 0;gap:10px}.reading-article>p:first-child{font-size:18px}.reading-article p,.reading-article li{font-size:16px}.guide-grid{grid-template-columns:1fr}.worked-example{padding:19px}.guide-card h3{font-size:23px}.nav>a:nth-child(2){display:block}.nav{gap:10px}.nav a{font-size:12px}.nav>a:first-child{display:none}.article-meta{gap:8px 16px}.reading-article h2{font-size:23px}}
.analytics-settings{border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:4px;min-height:44px}.analytics-consent{position:fixed;bottom:18px;left:18px;right:18px;margin:auto;max-width:980px;z-index:100;background:white;border:1px solid #afc0c9;border-radius:16px;box-shadow:0 8px 45px #14293c33;padding:24px;display:flex;gap:24px;align-items:center;max-height:75vh;overflow:auto}.analytics-consent h2{font-size:20px;margin:0 0 9px}.analytics-consent p{font-size:14px;line-height:1.65;margin:0 0 10px}.analytics-consent a{font-size:14px;text-decoration:underline;text-underline-offset:3px}.consent-actions{display:flex;flex-direction:column;gap:10px;min-width:170px}.consent-actions .button{width:100%;font-size:14px;border-color:#819aa8;min-height:46px}@media(max-width:650px){.analytics-consent{bottom:10px;left:10px;right:10px;padding:20px;flex-direction:column;align-items:stretch;gap:16px}.consent-actions{flex-direction:row;min-width:0}.consent-actions .button{flex:1;padding:10px}}
/* Task-first category browsing, using the established navy and gold theme. */
.category-navigation{padding:0 0 28px;scroll-margin-top:24px}.category-navigation h2{font-size:22px;margin:0 0 16px}.category-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.category-links a{display:inline-flex;align-items:center;gap:12px;border:1px solid #ccd7dc;border-radius:9px;background:#fff;padding:12px 16px;font-size:15px;line-height:1.5;color:#14293c}.category-links a:hover,.category-links a:focus-visible{background:#edf4f3;border-color:#718e9a}.category-links span{color:#647781}.category-start{margin:0 0 36px}.category-start>h2{font-size:24px}.task-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.task-choice{background:#14293c;color:white;padding:24px;border-radius:14px}.task-choice h3{font-size:21px;line-height:1.4;margin:0 0 12px}.task-choice h3 a{color:#fff;text-decoration:underline;text-decoration-color:#d7b776;text-underline-offset:5px}.task-choice p{color:#d8e3e8;font-size:16px;line-height:1.75;margin:0}.category-grid{margin:22px 0 36px}.category-explanation{max-width:850px}.category-explanation p,.category-explanation li,.task-explanation p,.task-explanation li{font-size:16px;line-height:1.8}.category-explanation a,.task-explanation a{text-decoration:underline;text-underline-offset:3px}.category-explanation h2,.task-explanation h2{font-size:24px;line-height:1.4;margin-top:30px}.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;line-height:1.7}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.hero-main h1{font-size:clamp(36px,4.6vw,65px);overflow-wrap:normal}.task-explanation{overflow-wrap:anywhere}.category-grid .card h3{font-size:20px}@media(max-width:800px){.task-choice-grid{grid-template-columns:1fr}.category-links a{font-size:14px;padding:11px 13px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.category-grid{grid-template-columns:1fr}.category-navigation h2{font-size:21px}.hero-main h1{font-size:38px}.nav{flex-wrap:wrap;gap:7px}.nav a{font-size:12px}.category-links{gap:8px}}
.example-picker{padding:16px;background:#edf4f3;border:1px solid #d9e5e2;border-radius:12px;margin-bottom:24px}.example-picker p{font-size:15px;font-weight:600;margin:0 0 12px}.example-picker p span{font-weight:400;color:#526a74}.example-buttons{display:flex;flex-wrap:wrap;gap:8px}.example-buttons .button{font-size:14px;min-height:44px;white-space:normal;text-align:left}.example-buttons .button:focus-visible{outline:3px solid #285c75;outline-offset:3px}