/* R14 LOCAL home surface. CSS gradients only; no external assets. */
body .hacks-portal[data-tool='home'] {
 --brand:#293b68; --ink:#26334a; --muted:#515b67; --line:#ddd9ce; --paper:#f8f4eb; --gold:#b3904f;
 min-height:100vh;
 background-color:#f8f4eb;
 background-image:repeating-linear-gradient(8deg,rgba(99,77,43,.018) 0 1px,transparent 1px 5px),repeating-linear-gradient(98deg,rgba(255,255,255,.2) 0 1px,transparent 1px 7px),radial-gradient(ellipse at 0 4%,#f1dfcf 0,transparent 38%),radial-gradient(ellipse at 100% 15%,#dfebe4 0,transparent 40%);
}
body .hacks-portal[data-tool='home'] .site-header {background:#fbf8f1;border-color:#e4ded2;}
body .hacks-portal[data-tool='home'] .m8-main {max-width:1140px;padding-top:26px;}
body .hacks-portal[data-tool='home'] .m8-hero {
 background:linear-gradient(120deg,rgba(255,255,255,.6),transparent 65%),#fffaf0;
 border:1px solid #e6ddcd;border-radius:24px;padding:32px;gap:28px;margin:0 0 32px;
 grid-template-columns:minmax(0,1fr) 252px;
 box-shadow:0 18px 45px rgba(91,71,38,.085),0 3px 9px rgba(91,71,38,.035);
}
body .hacks-portal[data-tool='home'] .m8-hero h1 {font-size:clamp(34px,4vw,50px);margin:14px 0 18px;}
body .hacks-portal[data-tool='home'] .m8-hero .m8-kicker {color:#59616b;}
body .hacks-portal[data-tool='home'] .m8-hero-note {background:#efeadd;border:1px solid #e1d8c6;border-radius:18px;padding:22px;}
body .hacks-portal[data-tool='home'] .m8-hero-note strong {font-size:22px;}
body .hacks-portal[data-tool='home'] .m8-cta {border-radius:12px;min-height:46px;padding:10px 16px;box-shadow:0 3px 6px #293b6810;}
body .hacks-portal[data-tool='home'] .m8-cta:nth-child(n+3) {background:#fffdf8;color:var(--brand);border-color:#8a8171;}
body .hacks-portal[data-tool='home'] .m8-cta:hover {background:#1d2c50;color:#fff;border-color:var(--gold);}
body .hacks-portal[data-tool='home'] .m8-category-grid {gap:14px;}
body .hacks-portal[data-tool='home'] .m8-category,
body .hacks-portal[data-tool='home'] .m8-tool {border:1px solid #dedbd2;border-radius:18px;background:#fffdf8;padding:20px;box-shadow:0 5px 14px rgba(83,70,47,.045);}
body .hacks-portal[data-tool='home'] .m8-category:nth-child(6n+1) {background:#f3e9dd;}
body .hacks-portal[data-tool='home'] .m8-category:nth-child(6n+2) {background:#e7eee5;}
body .hacks-portal[data-tool='home'] .m8-category:nth-child(6n+3) {background:#eee9f2;}
body .hacks-portal[data-tool='home'] .m8-category:nth-child(6n+4) {background:#f6e9e2;}
body .hacks-portal[data-tool='home'] .m8-category:nth-child(6n+5) {background:#e6ecf1;}
body .hacks-portal[data-tool='home'] .m8-category:nth-child(6n+6) {background:#f0edda;}
body .hacks-portal[data-tool='home'] .m8-group .m8-tools .m8-tool {border-top:1px solid #dedbd2;}
body .hacks-portal[data-tool='home'] .m8-tools {gap:16px;}
body .hacks-portal[data-tool='home'] #category-converter .m8-tool {background:#f0f5ed;}
body .hacks-portal[data-tool='home'] #category-music .m8-tool {background:#f3eff6;}
body .hacks-portal[data-tool='home'] #category-other .m8-tool {background:#eef3f5;}
body .hacks-portal[data-tool='home'] .m8-category:hover,
body .hacks-portal[data-tool='home'] .m8-tool:hover {background:#fffaf0;border-color:#99896b;transform:translateY(-2px);box-shadow:0 9px 22px rgba(83,70,47,.1);}
body .hacks-portal[data-tool='home'] .m8-search {background:#edece2;padding:22px;border:1px solid #ddd9ce;border-radius:20px;margin:28px 0;}
body .hacks-portal[data-tool='home'] .m8-search input {background:#fffdf8;border-radius:12px;border-color:#8b897e;min-height:48px;}
body .hacks-portal[data-tool='home'] .m8-situations {background:#eee9de;border:1px solid #ddd9ce;border-radius:24px;padding:28px;margin-top:26px;}
body .hacks-portal[data-tool='home'] .quick-grid a {background:#fffdf8;border:1px solid #ddd9ce;border-radius:14px;min-height:48px;padding:14px;}
body .hacks-portal[data-tool='home'] .m8-back,
body .hacks-portal[data-tool='home'] .m8-section-head>a,
body .hacks-portal[data-tool='home'] .m8-text-link {display:inline-flex;align-items:center;min-height:44px;}
body .hacks-portal[data-tool='home'] :focus-visible {outline:3px solid #815b18;outline-offset:3px;}
body .hacks-portal[data-tool='home'] .site-footer {background:#f3eee4;border-top:1px solid #ded7c9;}
@media(max-width:800px){
 body .hacks-portal[data-tool='home'] .m8-hero {grid-template-columns:1fr;}
}
@media(max-width:600px){
 body .hacks-portal[data-tool='home'] .m8-main {padding-top:14px;}
 body .hacks-portal[data-tool='home'] .m8-hero {padding:20px 16px;border-radius:20px;gap:0;margin-bottom:24px;}
 body .hacks-portal[data-tool='home'] .m8-hero h1 {font-size:32px;margin:10px 0 12px;}
 body .hacks-portal[data-tool='home'] .m8-intro {line-height:1.6;margin:12px 0 16px;}
 body .hacks-portal[data-tool='home'] .m8-cta {padding:9px 8px;}
 body .hacks-portal[data-tool='home'] .m8-category-grid {gap:10px;}
 body .hacks-portal[data-tool='home'] .m8-category {padding:14px 12px;}
 body .hacks-portal[data-tool='home'] .m8-tool {padding:20px;}
 body .hacks-portal[data-tool='home'] .m8-search,
 body .hacks-portal[data-tool='home'] .m8-situations {padding:18px;}
}
@media(prefers-reduced-motion:reduce){
 body .hacks-portal[data-tool='home'] *,body .hacks-portal[data-tool='home'] *::before,body .hacks-portal[data-tool='home'] *::after {animation:none;transition:none;scroll-behavior:auto;}
 body .hacks-portal[data-tool='home'] .m8-tool:hover,body .hacks-portal[data-tool='home'] .m8-category:hover {transform:none;}
}
/* Override inherited dark action badges while retaining their action affordance. */
body .hacks-portal[data-tool='home'] .m8-tool>span {background:#293b68;color:#fff;border:1px solid #b3904f;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;}
body .hacks-portal[data-tool='home'] .m8-tool>span b {color:inherit;}
body .hacks-portal[data-tool='home'] .site-header .brand,
body .hacks-portal[data-tool='home'] .site-header nav a,
body .hacks-portal[data-tool='home'] .site-footer nav a,
body .hacks-portal[data-tool='home'] .m8-hero-note a,
body .hacks-portal[data-tool='home'] .m8-trust>a,
body .hacks-portal[data-tool='home'] #search-results a {display:inline-flex;align-items:center;min-height:44px;}