/* DeviceDIY colour refinement — palette-only enhancement, no functional changes.
   Emerald brand | deep ink | fresh pastel accents | accessible interaction states. */
:root{--bg:#f8faf9;--ink:#10252b;--muted:#51646a;--line:#dce8e4;--blue:#078b71;--pale:#e8f7f0;--green:#08785f;--panel:#fff;--growth-green:#078b71;--growth-ink:#10252b;--growth-line:#dce8e4}
body{background:#f8faf9;color:#10252b}
.topbar,.sitehead{background:rgba(255,255,255,.98)}
.hero{background:radial-gradient(circle at 88% 17%,#e4f6ff 0,transparent 37%),radial-gradient(circle at 38% 100%,#e9faed 0,transparent 45%),linear-gradient(125deg,#fff,#f4fbf8)!important;border-color:#d9eae4!important}
.hero:after{background:linear-gradient(90deg,#079f7e,#40bad1,#8c83df)!important}
.hero .eyebrow,.eyebrow{background:#e5f6ef!important;color:#086b56!important;border-color:#c9e9dd!important}
.hero-mini-card:nth-child(4n+1){background:#e8f7f1;border-color:#ccebdd}
.hero-mini-card:nth-child(4n+2){background:#edf3ff;border-color:#d8e5ff}
.hero-mini-card:nth-child(4n+3){background:#fff3e8;border-color:#f7e3ce}
.hero-mini-card:nth-child(4n){background:#f3efff;border-color:#e4daf9}
.hero-mini-card i{background:#fff9;color:#49645f}
.tool-card:nth-child(4n+1){background:linear-gradient(155deg,#eaf9f3,#fff 78%);border-color:#d6eee2}
.tool-card:nth-child(4n+2){background:linear-gradient(155deg,#eff4ff,#fff 78%);border-color:#e0e9fb}
.tool-card:nth-child(4n+3){background:linear-gradient(155deg,#fff4ea,#fff 78%);border-color:#f4e6d9}
.tool-card:nth-child(4n){background:linear-gradient(155deg,#f6f0ff,#fff 78%);border-color:#eae1fa}
.tool-card:nth-child(4n+1) .iconbox{background:#d4f1e3;color:#076c55}
.tool-card:nth-child(4n+2) .iconbox{background:#dfeaff;color:#3152a3}
.tool-card:nth-child(4n+3) .iconbox{background:#ffe8d3;color:#a85a24}
.tool-card:nth-child(4n) .iconbox{background:#e8ddff;color:#7654a4}
.tool-card:hover,.tool-card:focus-visible,.hero-mini-card:hover,.hero-mini-card:focus-visible{border-color:#079f7e!important}
.why,.home-feature{background:linear-gradient(125deg,#e6f7f0 0%,#eff8ff 62%,#f7f1ff 100%)!important;border-color:#d4ece5!important}
.stage,.instructions,.growth-tool,.growth-content,.article-card,.content-card{border-color:#dce8e5}
.stage{background:linear-gradient(160deg,#fff 65%,#f6fbf9)}
.tester-head .iconbox{background:#ddf5e9;color:#08745c}
.growth-visual{background:linear-gradient(135deg,#e4f7ee,#eaf4ff,#f5eefe);border-color:#d9e8ec}
.growth-status,.growth-result,.growth-kpi,.growth-diagnostics{background:#f0faf5}
.growth-action,.btn.primary,.nav-cta{background:#078b71!important;border-color:#078b71!important;color:#fff!important}
.growth-action:hover,.btn.primary:hover,.nav-cta:hover{background:#066a56!important;border-color:#066a56!important}
.growth-action.secondary{background:#e8f6f0!important;color:#085f4e!important;border-color:#c7e5d8!important}
.growth-navlinks a{border-radius:12px}
/* Editorial pages share the same colour family without restructuring their layout. */
.sitehead{border-bottom-color:#dce9e4}
.hubhero{background:linear-gradient(120deg,#e9f9f2 0%,#eef5ff 72%,#f6f0ff 100%)!important;border-color:#d8ece3!important}
.hubcard:nth-child(4n+1){background:#f1faf5;border-color:#d7ede1}
.hubcard:nth-child(4n+2){background:#f2f6ff;border-color:#dfe7f8}
.hubcard:nth-child(4n+3){background:#fff6ef;border-color:#f4e6d7}
.hubcard:nth-child(4n){background:#f8f3ff;border-color:#eadff8}
.hubcard:hover{border-color:#079f7e}
.navbutton{background:#078b71!important;color:#fff!important}
/* Focus clarity and motion-reduced support. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #078b71!important;outline-offset:3px!important}
@media(max-width:560px){.tool-card{background:#fff}.hero{background:linear-gradient(145deg,#fff,#eaf8f2)!important}}
@media(prefers-reduced-motion:reduce){.tool-card,.hero-mini-card{transition:none!important}}