:root{
  --bg:#f4f6f8;--card:#fff;--text:#17202a;--muted:#667085;--border:#dfe3e8;
  --dark:#101828;--soft:#f8fafc;--accent:#2563eb;--accent-soft:#eff6ff;
  --danger:#b42318;--warn:#8a5b00
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.sitebar{background:#0f172a;color:#fff}.sitebar-inner{width:min(100% - 24px,1100px);margin:auto;display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:20px}
.brand{font-weight:900}.brand span{color:#93c5fd}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{font-size:.82rem;color:#cbd5e1}.nav a:hover{color:#fff}
.container{width:min(100% - 24px,1000px);margin:0 auto;padding:38px 0 32px}
.hero{text-align:center;margin-bottom:24px}.eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:#e9edf2;color:#475467;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hero h1{margin:10px 0 0;font-size:clamp(2.2rem,7vw,3.8rem);line-height:1;letter-spacing:-.045em}.hero p{max-width:680px;margin:12px auto 0;color:var(--muted)}
.card{margin-top:18px;padding:22px;background:var(--card);border:1px solid rgba(16,24,40,.06);border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.07)}
.grid{display:grid;grid-template-columns:1fr;gap:14px}.tool-grid{display:grid;grid-template-columns:1fr;gap:14px}
.tool-card{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--card);transition:.15s transform,.15s box-shadow}.tool-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.08)}
.tool-card h2{margin:0;font-size:1.08rem}.tool-card p{margin:7px 0 0;color:var(--muted);font-size:.9rem}.tag{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:800}
label{display:block;margin-bottom:7px;font-weight:800;font-size:.9rem}.optional{color:var(--muted);font-weight:500}
input,select{width:100%;min-height:50px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text)}
input:focus,select:focus{outline:none;border-color:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.16)}
.primary,.secondary,.copy{border:0;border-radius:11px;cursor:pointer;font-weight:850}.primary{width:100%;min-height:54px;background:var(--dark);color:#fff}.secondary{min-height:46px;padding:0 16px;background:#eef2f6}.copy{padding:8px 12px;background:#eef2f6;color:var(--accent)}
.output-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.output-head h2{margin:0}.output-head p{margin:3px 0 0;color:var(--muted);font-size:.85rem}
pre{overflow:auto;margin:14px 0 0;padding:17px;border-radius:14px;background:#0b1220;color:#e6edf3;border:1px solid #172033}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.result-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.result{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.result span{display:block;color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.result strong{display:block;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere}
.checkbox-grid{display:grid;grid-template-columns:1fr;gap:9px}.check{position:relative}.check input{position:absolute;opacity:0}.check label{display:block;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--soft);cursor:pointer}.check input:checked+label{border-color:var(--accent);background:var(--accent-soft)}
.error,.warning,.note{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:.88rem}.error{background:#fff1f0;color:var(--danger);font-weight:750}.warning{background:#fff8e6;color:var(--warn)}.note{background:#eef6ff;color:#35547a}.hidden{display:none!important}
table{width:100%;border-collapse:collapse}th,td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:.86rem}th{color:var(--muted);font-size:.74rem;text-transform:uppercase}.table-wrap{overflow:auto}
footer{padding:28px 0 0;text-align:center;color:var(--muted);font-size:.78rem}
@media(min-width:680px){.grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:repeat(2,1fr)}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.card{padding:28px}}
@media(min-width:900px){.tool-grid{grid-template-columns:repeat(3,1fr)}.result-grid.four{grid-template-columns:repeat(4,1fr)}}

.builder-grid{display:grid;grid-template-columns:1fr;gap:14px}
.inline-check{display:flex;align-items:center;gap:8px;margin-top:8px}
.inline-check input{width:auto;min-height:auto}
.small{font-size:.82rem;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{padding:6px 9px;border-radius:999px;background:#eef2f6;font-size:.78rem;font-weight:800}
.command-list pre+pre{margin-top:10px}
@media(min-width:760px){.builder-grid{grid-template-columns:repeat(2,1fr)}}

.topic-section{margin-top:28px}
.topic-section h2{margin:0 0 6px;font-size:1.35rem}
.topic-section>p{margin:0 0 14px;color:var(--muted);font-size:.9rem}
.topic-label{display:inline-block;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#e9edf2;color:#475467;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.nav-grouped{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.nav-grouped a{font-size:.8rem;color:#cbd5e1}
.nav-grouped a:hover{color:#fff}

.tools-served{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);font-size:.82rem;box-shadow:0 4px 14px rgba(16,24,40,.05)}
.tools-served strong{font-variant-numeric:tabular-nums;font-weight:900}
footer p{margin:0}

/* Shared UX enhancements */
.home-search{max-width:720px;margin:22px auto 0;position:relative}.home-search input{min-height:56px;padding-left:18px;font-size:1rem;box-shadow:0 8px 24px rgba(16,24,40,.07)}
.tool-search-results{position:absolute;z-index:20;left:0;right:0;top:62px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:7px;box-shadow:0 18px 45px rgba(16,24,40,.14);text-align:left}.search-result{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;border-radius:9px}.search-result:hover{background:var(--soft)}.search-result span{color:var(--muted);font-size:.78rem}.search-empty{padding:14px;color:var(--muted)}
.tool-card{position:relative}.fav-star{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#8a5b00;font-size:1.35rem;cursor:pointer}.fav-star:hover{background:#fff8e6}.tool-card h2{padding-right:32px}
.personal-tools{margin-top:18px;padding:16px 18px;border:1px solid var(--border);background:var(--card);border-radius:16px}.personal-tools h3{font-size:.85rem;margin:0 0 7px}.personal-group+.personal-group{margin-top:13px}.mini-tools{display:flex;flex-wrap:wrap;gap:8px}.mini-tools a{padding:7px 10px;border-radius:999px;background:#eef2f6;font-size:.79rem;font-weight:750}.mini-tools a:hover{background:#e3e8ef}
.command-palette{position:fixed;z-index:9999;inset:0;background:rgba(15,23,42,.62);padding:10vh 16px}.palette-panel{max-width:650px;margin:auto;background:#fff;border-radius:18px;padding:15px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.palette-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.palette-panel input{min-height:55px}.palette-results{margin-top:7px;max-height:52vh;overflow:auto}.palette-results .search-result{border-bottom:1px solid #eef1f4}kbd{padding:2px 6px;border:1px solid #cfd5dd;border-bottom-width:2px;border-radius:6px;background:#fff;color:#475467;font:700 .7rem ui-monospace,monospace}
.search-shortcut{border:1px solid #334155;background:#111c30;color:#cbd5e1;border-radius:8px;padding:6px 8px;font-size:.75rem;cursor:pointer}.search-shortcut kbd{margin-left:4px;background:#1e293b;border-color:#475569;color:#e2e8f0}
.page-fav{margin-top:14px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 12px;color:#8a5b00;font-size:1.15rem;cursor:pointer}.page-fav::after{content:' Favorite';font-size:.78rem;color:var(--text);vertical-align:2px;margin-left:4px}
.copy-wrap{position:relative}.copy-wrap pre{padding-top:42px}.pre-copy{position:absolute;right:9px;top:9px;border:1px solid #344054;background:#172033;color:#e6edf3;border-radius:8px;padding:5px 9px;font-size:.72rem;font-weight:800;cursor:pointer}
.example-strip{margin-top:22px;text-align:left}.example-strip h2{margin-bottom:10px}.example-grid{display:grid;grid-template-columns:1fr;gap:10px}.example-command{padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff}.example-command span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:5px}.example-command code{font-size:.78rem;overflow-wrap:anywhere}
@media(min-width:760px){.example-grid{grid-template-columns:repeat(3,1fr)}}

/* Professional tool-page master template */
.tool-shell{width:min(100% - 24px,1180px);margin:0 auto;padding:28px 0 36px}
.tool-breadcrumbs{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.8rem;margin-bottom:18px;flex-wrap:wrap}
.tool-breadcrumbs a:hover{color:var(--accent)}
.tool-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}
.tool-hero-copy{max-width:760px}.tool-hero h1{margin:6px 0 9px;font-size:clamp(2rem,6vw,3.15rem);line-height:1.05;letter-spacing:-.04em}.tool-hero p{margin:0;color:var(--muted);font-size:1rem}
.tool-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.privacy-badge,.status-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:.77rem;font-weight:800}.privacy-badge{color:#166534;background:#f0fdf4;border-color:#bbf7d0}
.tool-actions{display:flex;gap:8px;align-items:center}.tool-actions .page-fav{margin:0;white-space:nowrap}
.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.tool-panel{background:var(--card);border:1px solid rgba(16,24,40,.08);border-radius:20px;box-shadow:0 10px 30px rgba(16,24,40,.06);overflow:hidden}.tool-panel-head{padding:19px 21px 14px;border-bottom:1px solid var(--border)}.tool-panel-head h2{margin:0;font-size:1rem}.tool-panel-head p{margin:5px 0 0;color:var(--muted);font-size:.82rem}.tool-panel-body{padding:21px}
.tool-form-grid{display:grid;grid-template-columns:1fr;gap:14px}.tool-form-grid .full{grid-column:1/-1}.form-help{display:block;margin-top:5px;color:var(--muted);font-size:.75rem}.option-row{display:grid;grid-template-columns:1fr;gap:9px;margin-top:14px}.option-card{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.option-card input{width:auto;min-height:auto;margin-top:4px}.option-card label{margin:0;font-size:.84rem}.option-card small{display:block;color:var(--muted);font-weight:500;margin-top:2px}
.generate-row{display:flex;gap:10px;margin-top:18px}.generate-row .primary{flex:1}.btn-inline{min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:11px;background:#fff;font-weight:800;cursor:pointer}
.command-surface{position:relative;margin-top:0;border-radius:14px;background:#07111f;border:1px solid #172033;overflow:hidden}.command-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #172033;color:#a8b3c7;font-size:.75rem}.command-toolbar button{border:1px solid #334155;background:#111c30;color:#e2e8f0;border-radius:8px;padding:6px 10px;font-size:.74rem;font-weight:800;cursor:pointer}.command-surface pre{margin:0;border:0;border-radius:0;min-height:92px;padding:19px 17px;background:#07111f}.command-surface code{white-space:pre-wrap;overflow-wrap:anywhere}
.risk-card{margin-top:14px;border-radius:13px;padding:13px 14px;border:1px solid}.risk-card strong{display:flex;align-items:center;gap:7px;font-size:.82rem}.risk-card p{margin:5px 0 0;font-size:.78rem}.risk-safe{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.risk-change{background:#fffbeb;border-color:#fde68a;color:#854d0e}.risk-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.explain-list{display:grid;gap:9px;margin-top:14px}.explain-item{display:grid;grid-template-columns:minmax(100px,.7fr) 1.5fr;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f4}.explain-item:last-child{border-bottom:0}.explain-token{font:750 .78rem ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#111827;overflow-wrap:anywhere}.explain-text{font-size:.8rem;color:var(--muted)}
.master-section{margin-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:11px}.section-heading h2{margin:0;font-size:1.12rem}.section-heading p{margin:0;color:var(--muted);font-size:.8rem}.example-tabs{display:grid;grid-template-columns:1fr;gap:10px}.example-btn{text-align:left;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--card);cursor:pointer}.example-btn:hover{border-color:#98a2b3;box-shadow:0 8px 18px rgba(16,24,40,.06)}.example-btn strong{display:block;font-size:.86rem}.example-btn span{display:block;margin-top:4px;color:var(--muted);font-size:.76rem}.example-btn code{display:block;margin-top:8px;padding:8px 9px;border-radius:8px;background:#f8fafc;color:#344054;font-size:.7rem;overflow-wrap:anywhere}
.docs-grid{display:grid;grid-template-columns:1fr;gap:14px}.doc-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.doc-card h3{margin:0 0 7px;font-size:.95rem}.doc-card p,.doc-card li{color:var(--muted);font-size:.8rem}.doc-card ul{padding-left:18px;margin:8px 0 0}.doc-card code{color:#344054}
.related-grid{display:grid;grid-template-columns:1fr;gap:10px}.related-tool{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.related-tool:hover{border-color:#98a2b3;box-shadow:0 8px 18px rgba(16,24,40,.05)}.related-tool strong{display:block;font-size:.86rem}.related-tool span{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}
.master-footer{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.master-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:13px;font-size:.78rem;color:var(--muted)}
@media(min-width:720px){.tool-form-grid{grid-template-columns:repeat(2,1fr)}.option-row{grid-template-columns:repeat(2,1fr)}.example-tabs{grid-template-columns:repeat(2,1fr)}.docs-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.tool-workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.tool-output-panel{position:sticky;top:18px}.example-tabs{grid-template-columns:repeat(4,1fr)}.related-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.tool-hero{display:block}.tool-actions{margin-top:14px}.explain-item{grid-template-columns:1fr;gap:3px}.sitebar-inner{align-items:flex-start}.nav-grouped{justify-content:flex-end}}

/* TuxToolbox Professional UI v2 + themes */
:root{
  --bg:#f5f7fa;--card:#ffffff;--soft:#f0f3f7;--text:#182230;--muted:#667085;--border:#d8dee7;
  --accent:#198754;--accent-strong:#106c43;--accent-soft:#eaf8f0;--code-bg:#07111f;--code-text:#d7fbe8;
  --header-bg:#0f1726;--header-text:#f8fafc;--shadow:0 10px 30px rgba(16,24,40,.07);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#030806;--card:#07110b;--soft:#0a170e;--text:#d7ffe5;--muted:#84ad91;--border:#173b24;
  --accent:#43ff7a;--accent-strong:#27db60;--accent-soft:#092814;--code-bg:#010503;--code-text:#5cff8b;
  --header-bg:#010503;--header-text:#d7ffe5;--shadow:0 10px 32px rgba(0,0,0,.32);
}
html,body{background:var(--bg);color:var(--text)}
body{transition:background-color .18s ease,color .18s ease}
a{color:inherit}.sitebar{background:var(--header-bg);border-bottom:1px solid var(--border)}
.sitebar .brand,.sitebar .nav-grouped a{color:var(--header-text)}
.sitebar .brand span{color:var(--accent)}
.tool-shell{width:min(100% - 28px,1180px)}
.hero,.tool-hero{color:var(--text)}
.tool-hero-copy{min-width:0}
.tool-panel,.professional-panel,.card,.doc-card,.related-tool,.example-btn,.personal-tools,.example-command,.tool-card,.result{background:var(--card);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}
.professional-panel{border-radius:20px;padding:21px;margin-top:18px}
.professional-panel>h2:first-child{margin-top:0}
input,select,textarea{background:var(--card);color:var(--text);border-color:var(--border)}
input::placeholder,textarea::placeholder{color:var(--muted)}
label,h1,h2,h3,strong{color:var(--text)}
p,.small,.form-help,.optional,.tool-hero p,.section-heading p,.related-tool span,.example-btn span,.doc-card p,.doc-card li{color:var(--muted)}
.primary{background:var(--accent);color:#001707;border-color:var(--accent)}
.primary:hover{background:var(--accent-strong)}
.btn-inline,.page-fav,.example-btn,.command-toolbar button,.copy,.pre-copy{background:var(--card);color:var(--text);border-color:var(--border)}
.privacy-badge{background:var(--accent-soft);border-color:var(--border);color:var(--accent)}
.status-badge,.tag{background:var(--soft);border-color:var(--border);color:var(--muted)}
.command-surface,pre{background:var(--code-bg)!important;border-color:var(--border)!important;color:var(--code-text)!important}
pre code,.command-surface code{color:var(--code-text)!important}
.command-toolbar{background:var(--code-bg);border-color:var(--border);color:var(--muted)}
html[data-theme="dark"] .command-surface,html[data-theme="dark"] pre{box-shadow:inset 0 0 0 1px rgba(67,255,122,.03)}
html[data-theme="dark"] .command-surface code,html[data-theme="dark"] pre code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;text-shadow:0 0 9px rgba(67,255,122,.12)}
html[data-theme="dark"] .tool-panel,html[data-theme="dark"] .professional-panel,html[data-theme="dark"] .tool-card{box-shadow:0 0 0 1px rgba(67,255,122,.018),0 14px 38px rgba(0,0,0,.25)}
html[data-theme="dark"] .tool-card:hover,html[data-theme="dark"] .related-tool:hover,html[data-theme="dark"] .example-btn:hover{border-color:var(--accent);box-shadow:0 0 0 1px rgba(67,255,122,.16)}
html[data-theme="dark"] .eyebrow{color:var(--accent)}
html[data-theme="dark"] .brand{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;letter-spacing:-.04em}
html[data-theme="dark"] .brand::before{content:">_ ";color:var(--accent);font-weight:900}
html[data-theme="dark"] .risk-safe{background:#062413;border-color:#175b31;color:#6dff99}
html[data-theme="dark"] .risk-change{background:#251b05;border-color:#6b5115;color:#ffd66b}
html[data-theme="dark"] .risk-danger{background:#2b0909;border-color:#6b2020;color:#ff8b8b}
html[data-theme="dark"] .example-btn code,html[data-theme="dark"] .doc-card code{background:#041007;color:var(--accent)}
html[data-theme="dark"] .tool-search-results,html[data-theme="dark"] .palette-panel{background:#06100a;border-color:var(--border);color:var(--text)}
html[data-theme="dark"] .search-result:hover{background:var(--soft)}
html[data-theme="dark"] kbd{background:#08170d;border-color:#245a32;color:#a8ffbe}
.theme-control{display:flex;align-items:center;gap:6px;margin-left:4px}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #334155;background:#111c30;color:#e2e8f0;border-radius:9px;padding:6px 9px;font-size:.75rem;font-weight:800;cursor:pointer}
.theme-toggle:hover{border-color:#64748b}
.theme-menu{position:absolute;right:0;top:42px;min-width:150px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:11px;box-shadow:0 16px 38px rgba(0,0,0,.18);z-index:50}
.theme-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:7px;cursor:pointer;font-size:.78rem}
.theme-menu button:hover,.theme-menu button[aria-checked="true"]{background:var(--soft);color:var(--accent)}
.theme-wrap{position:relative}
.professional-panel .output-head{border-top-color:var(--border)}
.tool-breadcrumbs{margin-top:2px}
.tools-served{background:var(--card);color:var(--text);border-color:var(--border);box-shadow:none}
@media(max-width:700px){.theme-toggle .theme-label{display:none}.theme-toggle{padding:6px 8px}.tool-shell{width:min(100% - 18px,1180px)}.professional-panel{padding:16px;border-radius:16px}}

/* TuxToolbox Standard Dark Theme */
body.dark-theme {
 background:#121212;
 color:#e6e6e6;
}
.dark-theme .tool-card,.dark-theme .panel,.dark-theme .card {
 background:#1e1e1e;
 border-color:#333;
}
.dark-theme input,.dark-theme select,.dark-theme textarea {
 background:#181818;
 color:#eee;
 border-color:#444;
}
.dark-theme .command-box {
 background:#0b0b0b;
 color:#f5f5f5;
 border-color:#444;
}
.dark-theme a { color:#7db7ff; }

/* Phase 2 SEO reference content */
.seo-guide{margin:28px auto 0;max-width:1180px;padding:0 4px}.seo-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-info-card{padding:20px;border:1px solid var(--border,rgba(127,127,127,.25));border-radius:16px;background:var(--panel,#fff)}.seo-info-card h3{margin:0 0 8px;font-size:1.05rem}.seo-info-card p{margin:0;line-height:1.65}.seo-related-heading{margin-top:26px}.seo-guide .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-guide .related-tool{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border,rgba(127,127,127,.25));border-radius:14px;text-decoration:none;color:inherit}.seo-guide .related-tool span{font-size:.92rem;opacity:.78}@media(max-width:800px){.seo-info-grid,.seo-guide .related-grid{grid-template-columns:1fr}}

.reference-section{margin-top:28px}.reference-section>h2{margin-bottom:14px}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.reference-card{border:1px solid var(--border,rgba(127,127,127,.25));border-radius:14px;padding:18px;background:var(--panel,#fff)}.reference-card h3{margin:0 0 8px}.reference-card p{margin:0;line-height:1.55}.builder-grid textarea{min-height:92px;resize:vertical}

/* Phase 3: category architecture and internal navigation */
.category-overview{margin:28px 0 34px}.category-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-hub{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--card);text-decoration:none;color:var(--text);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.category-hub:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 28px rgba(0,0,0,.08)}.category-hub strong{font-size:1.05rem}.category-hub span{color:var(--muted);line-height:1.55}.category-hero{margin-bottom:22px}.category-intro{margin-bottom:24px}.category-intro h2,.phase3-related h2,.about-grid h2{margin-top:0}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.about-grid .card{margin:0}.tool-breadcrumbs a{color:var(--muted);text-decoration:none}.tool-breadcrumbs a:hover{color:var(--accent)}.phase3-related{margin-top:26px}.phase3-related>p{color:var(--muted)}
@media(max-width:900px){.category-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-grouped{gap:8px;flex-wrap:wrap}}
@media(max-width:620px){.category-hub-grid,.about-grid{grid-template-columns:1fr}.category-hub{padding:16px}.sitebar-inner{align-items:flex-start}.nav-grouped{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav-grouped>a{white-space:nowrap}.category-overview{margin-top:20px}}

.category-page .fav-star{display:none}

/* Phase 4 TuxToolbox branding */
.brand.brand-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.brand.brand-logo::before{content:none!important}
.brand.brand-logo img{display:block;width:58px;height:56px;object-fit:contain;border-radius:10px;flex:0 0 auto}
.brand-wordmark{font-weight:850;font-size:1.18rem;letter-spacing:-.02em;color:var(--text,#0f172a);white-space:nowrap}
.dark-theme .brand-wordmark,.dark-theme-toggle.dark .brand-wordmark{color:#f8fafc}
@media(max-width:760px){.brand.brand-logo{gap:7px}.brand.brand-logo img{width:45px;height:44px}.brand-wordmark{font-size:1.02rem}}
@media(max-width:520px){.brand-wordmark{display:none}.brand.brand-logo img{width:44px;height:43px}}

/* Phase 4 mobile header visual fix */
@media(max-width:620px){
  .sitebar-inner{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0}
  .brand.brand-logo{order:1;flex:0 0 auto}
  .nav-grouped{order:3;flex:0 0 100%;width:100%;justify-content:flex-start;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;gap:12px;padding:4px 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .nav-grouped::-webkit-scrollbar{display:none}
  .nav-grouped>a,.nav-grouped>.search-shortcut,.nav-grouped>.theme-wrap{flex:0 0 auto}
}