/* Shared navigation and color system across tools, guides and information pages. */
html[data-theme=dark] body .dash-nav .dash-link.active{background:var(--primarySoft)!important;color:var(--primary)!important;border-color:var(--primary)!important}
@media(max-width:600px){.topbar .user-menu{left:0;right:auto;min-width:240px;max-width:calc(100vw - 28px)}}
html[data-theme=dark] .user-menu .linkbtn{background:var(--surface2)!important;color:var(--text)!important;border-color:var(--border)!important;min-height:44px}
/* Keep nested surfaces on the same palette as their surrounding page. */
.dash-grid>*{min-width:0}.dash-card{border:1px solid var(--border);border-radius:16px}
.dash-userline>div:last-child,.task-left{min-width:0}.dash-email,.task-meta,.user-menu-line{overflow-wrap:anywhere}
.user-menu{z-index:100;max-width:calc(100vw - 28px)}
.userbtn,.dash-link{font:inherit;color:var(--text)}
.dash-link.active{color:var(--primary);border-color:var(--primary)}
.dash-link:focus-visible,.userbtn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
html[data-theme=dark] :is(.home-tool-group,.blog-editorial-note span,.blog-side .mini-links a,.task-row,.pill-soft,.dash-link,.sig-preview,.userbtn,.footer-social-link,.field .muted>div){background:var(--surface2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme=dark] :is(.blog-side .mini-links span,.blog-callout strong,.blog-toc a,.user-menu-line,.user-menu .linkbtn,.username,.chev,.footer-social-link svg){color:var(--text)!important}
html[data-theme=dark] .dash-link.active{background:var(--primarySoft)!important;color:var(--primary)!important;border-color:var(--primary)!important}
html[data-theme=dark] .blog-editorial-note{background:transparent!important}
html[data-theme=dark] .footer-social-link:hover{background:var(--primarySoft)!important;color:var(--primary)!important}
@media(max-width:600px){.dash-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dash-link{min-height:44px}.task-row{flex-wrap:wrap}.sig-preview{flex-wrap:wrap}.sig-preview img{max-width:100%}.topbar .username{max-width:110px}.topbar .userbtn{max-width:100%;min-height:44px}.dash-grid{gap:16px}}
:root{color-scheme:light;--surface:#fff;--surface2:#f1f4f8}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.topbar .container{max-width:1400px!important;padding:0 24px!important}
.topbar-row{min-height:92px;gap:20px;align-items:center}
.topbar .brand{margin:0;gap:12px;flex-shrink:0}
.topbar .brandmark{width:44px;height:44px;filter:none}
.topbar .brandname{font-size:26px;letter-spacing:-.03em;line-height:1;font-weight:800}
.topbar .nav{gap:14px;flex:1;justify-content:center}
.topbar .nav a{font-size:15px;font-weight:600;letter-spacing:.04em;padding:10px 12px;color:var(--muted)}
.topbar .nav a[aria-current=page]{color:var(--primary);background:var(--primarySoft)}
.topbar .auth{gap:8px;flex-shrink:0}
.topbar .btn{font-family:inherit;font-size:14px;font-weight:650;min-height:44px;white-space:nowrap}
.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 12px;flex-shrink:0}
.blog-hero p,.blog-excerpt{font-weight:400}.blog-meta,.blog-post-meta{font-weight:500}
.blog-hero h1{line-height:1.15}
html[data-theme=dark] .breadcrumbs :is(a,span){color:var(--muted)!important}
html[data-theme=dark] :is(.card,.legal,.faq,.faq-item,.blog-side,.pagehero) :is(p,li,dd,dt,label,summary,h2,h3,h4){color:var(--text)!important}
html[data-theme=dark] :is(.legal,.blog-side) a{color:var(--primary)!important}
html[data-theme=dark] :is(.field>span,.filemeta,.tool-trustbar span,.pm-guide-card a,.pm-guide-card span){color:var(--muted)!important}
html[data-theme=dark] .pm-guide-card{background:var(--surface2)!important;border-color:var(--border)!important}
.blog-editorial-card{margin:12px 0 22px!important;padding:22px!important;background:var(--surface)!important}
.blog-content{line-height:1.8}.blog-content h2{margin-top:32px}.blog-content a,.policy-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.blog-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.blog-content th,.blog-content td{padding:12px;border:1px solid var(--border);text-align:left;vertical-align:top}.blog-content th{background:var(--surface2)}
.blog-content .table-wrap{overflow-x:auto}.blog-post-card{min-width:0}.blog-content figure{margin:24px 0}.blog-content figure img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:12px}.blog-content figcaption{font-size:14px;color:var(--muted)}
.blog-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.blog-filter input{flex:1;min-width:180px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit}
html[data-theme=dark]{color-scheme:dark;--bg:#111722;--surface:#1b2432;--surface2:#253143;--text:#edf2fa;--muted:#b7c3d3;--border:#3a485b;--primary:#ff8195;--primaryHover:#ff9dad;--primarySoft:#392331;--shadow:0 12px 30px #0003;--shadowSm:0 4px 16px #0002}
html[data-theme=dark] body{background:var(--bg);color:var(--text)}
html[data-theme=dark] :is(.topbar,.footer,.panel,.card,.blog-card,.blog-post-card,.blog-side-card,.user-menu,.modal,.modal-card,.searchbox,.filebtn,.selected-file,.field input,.field select,.field textarea,.btn.ghost,.theme-toggle,.file-action,.home-tool-directory .card){background:var(--surface)!important;color:var(--text);border-color:var(--border)!important}
html[data-theme=dark] body[data-page=home] .tool-card{background:var(--surface);border-color:var(--border)}
html[data-theme=dark] :is(.uploader,.blog-toc,.blog-callout,.pill,.pagehero,.pagehero-inner,.blog-editorial-note){background:var(--surface2)!important;border-color:var(--border)!important;color:var(--text)}
html[data-theme=dark] :is(.brandname-pdf,.tool-title,.section-title,.blog-title,.pagehero h1,.tool-head h1,.blog-content h2,.blog-content h3){color:var(--text)!important}
html[data-theme=dark] :is(.muted,.blog-excerpt,.blog-meta,.blog-post-meta,.blog-hero p,.blog-content p,.blog-content li,.blog-content td,.blog-content th,.blog-editorial-note,.breadcrumbs,.tool-desc,.hero-lede,.footer-links a,.tool-learnmore p,.tool-learnmore li,.tool-learnmore div){color:var(--muted)!important}
html[data-theme=dark] :is(.card p,.card li,.card h2,.card h3,.page p,.page li,.page h2,.page h3)[style*="color"]{color:var(--text)!important}
html[data-theme=dark] .btn.primary{background:#c9253e!important;border-color:#c9253e!important;color:white!important}
html[data-theme=dark] .chip,html[data-theme=dark] body[data-page=home] .chip{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme=dark] .chip.active,html[data-theme=dark] body[data-page=home] .chip.active{background:#ff8195;color:#111722;border-color:#ff8195}
html[data-theme=dark] .download{background:#18342b;border-color:#3f715a;color:#dcf9e8}html[data-theme=dark] #status[data-state=error]{background:#432431;color:#ffabb9}html[data-theme=dark] #status[data-state=success]{color:#94dfb7}
html[data-theme=dark] .pmle-modal{background:var(--bg);color:var(--text)}html[data-theme=dark] :is(.pmle-topbar,.pmle-help,.pmle-error){background:var(--surface);color:var(--text);border-color:var(--border)}
@media(min-width:1600px){.topbar .container{max-width:1480px!important}}
@media(max-width:1120px){.topbar-row{gap:10px}.topbar .nav{gap:2px}.topbar .nav a{font-size:13px;padding:10px 8px}.topbar .brandname{font-size:24px}.topbar .auth #openSignup{display:none}}
@media(max-width:900px){.topbar-row{flex-wrap:wrap;min-height:80px;padding-top:12px!important;padding-bottom:12px!important}.topbar .nav-toggle{display:inline-flex;margin-left:auto}.topbar .nav{display:none!important;order:5;flex:0 0 100%;justify-content:flex-start;gap:8px;white-space:normal;overflow:visible;padding:10px 0}.topbar .nav.is-open{display:flex!important;flex-wrap:wrap}.topbar .nav a{font-size:15px}.topbar .brandmark{width:36px;height:36px}.topbar .auth{order:3}.theme-toggle{order:2}.topbar .nav-toggle{order:1}}
@media(max-width:480px){.topbar .container{padding-left:14px!important;padding-right:14px!important}.topbar .brand{gap:7px}.topbar .brandname{font-size:21px}.topbar .brandmark{width:30px;height:30px}.topbar-row{gap:7px}.topbar .btn{padding:8px;font-size:12px}.topbar .auth #openLogin{padding:8px}.blog-hero h1{font-size:38px}.blog-content table{font-size:13px}}

.share-guide{max-width:1200px;margin:24px auto;padding:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--text)}.share-guide a{color:var(--primary);text-underline-offset:3px}.share-guide [role=status]{font-size:14px}

.upload-disclosure{max-width:850px;font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 20px}.upload-disclosure a{text-decoration:underline;text-underline-offset:3px;color:var(--primary)}
.tool-learnmore details summary:focus-visible,.blog-readmore:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
html[data-theme=dark] .tool-learnmore details>div{color:var(--muted)!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:640px){.blog-content{overflow-wrap:anywhere}.blog-content table{display:block;overflow-x:auto}.blog-post-head h1{font-size:clamp(28px,8vw,40px)}}

.tool-layout>.panel,.upload-inputs,.formgrid,.field{min-width:0}.field select,.field input{min-width:0;max-width:100%;width:100%}.uploader-top{flex-wrap:wrap}.filebtn{min-width:0;max-width:100%}

html[data-theme=dark] .blog-content code{color:#edf2fa;background:#334155}

/* Scrollable filters must start at the left edge so every category is reachable. */
body[data-page=home] #categoryChips{justify-content:flex-start}