/*
 * V8 Premium Editorial palette + responsive polish.
 * Warm ivory, midnight ink, slate blue and terracotta.
 */
:root{
  --ink:#17233c;
  --muted:#667085;
  --line:#e3ded5;
  --paper:#fffdf9;
  --soft:#f6f1e9;
  --brand:#345b7e;
  --brand-dark:#17233c;
  --accent:#d8795b;
  --gold:#c99d52;
  --rose-soft:#f7e7df;
  --blue-soft:#eaf0f5;
  --shadow:0 14px 38px rgba(23,35,60,.10);
}
body{background:var(--paper);color:var(--ink)}
.site-header{background:rgba(255,253,249,.96);border-bottom-color:rgba(23,35,60,.09)}
.brand-mark{background:var(--brand-dark)}
.menu a:hover,.section-heading>a,.text-link,.claim-card a{color:var(--brand)}
.button{background:var(--brand-dark)}
.button:hover{background:var(--brand)}
.button-light{color:var(--brand-dark)}
.hero{background:radial-gradient(circle at 84% 8%,rgba(216,121,91,.18),transparent 30%),linear-gradient(140deg,#f8f3ec,#fffdf9 68%)}
.hero-panel,.score-card,.cta-box{background:var(--brand-dark)}
.hero-panel .panel-kicker,.big-score strong,.cta-box .eyebrow,.score-card strong{color:#f1c77d}
.category-card:hover{border-color:#cfc4b4}
.card-image{background:linear-gradient(145deg,#e8edf2,#f7efe7)}
.tag{background:var(--blue-soft);color:var(--brand)}
.score-pill.excellent{background:#e4efe8;color:#24523b}
.score-pill.good{background:#e7eef5;color:#2e4f6c}
.score-pill.fair{background:#f8edcf;color:#76591d}
.score-pill.low{background:#f5dfdc;color:#7a3430}
.cta-box p{color:#d9dfe9}
.site-footer{background:#111a2c;color:#e7e8ec}
.footer-grid p{color:#b6bdc9}
.footer-bottom{color:#929cab}
.profile-hero{background:linear-gradient(145deg,#f6f1e9,#fffdf9)}
.score-card span,.score-card small{color:#c9d2de}
.stars i{color:var(--gold)}
.favourite-button.is-saved{background:#eaf0f5;border-color:#becdda;color:var(--brand)}
.watch-button.is-watching{background:#f7e7df;border-color:#e7b8a8;color:#8a4936}
.opportunity-card{background:linear-gradient(145deg,#f8f3ec,#fffdf9)}
.claimed-badge{background:#e8f0eb;color:#28533d}
.sponsor-label{background:#fbefd6;color:#7a5514}
.contributor-badge{background:#eaf0f5;color:#315b80}
.essential-page-card{background:#fffdf9;box-shadow:0 16px 48px rgba(23,35,60,.07)}
.legal-notice{background:#fbf2dd;border-color:rgba(201,157,82,.34)}
.empty-community{border-color:#d5cfc5}
.primary-nav .menu a:hover,.primary-nav .current-menu-item>a{background:#f6f1e9;color:var(--brand)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:rgba(52,91,126,.35)}

/* Slightly calmer premium surfaces */
.hustle-card,.category-card,.metric-card,.content-card,.widget,.filter-panel,.community-tabs,.review-card,.login-card,.essential-page-card{border-color:var(--line)}
.hustle-card{box-shadow:0 4px 18px rgba(23,35,60,.04)}
.hustle-card:hover{box-shadow:0 16px 40px rgba(23,35,60,.11)}
.eyebrow,.panel-kicker,.term-links{color:var(--brand)}
.steps>div{border-top-color:var(--accent)}
.update-item:before{background:var(--accent)}

/* Responsive refinements beyond V6/V7 */
@media (max-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:38px}
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero-grid,.split-section,.profile-grid,.archive-layout{grid-template-columns:1fr}
  .hero-panel{transform:none;max-width:620px}
  .archive-layout{gap:24px}
  .filter-panel{position:static}
  .content-layout{grid-template-columns:1fr}
  .profile-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .primary-nav{background:#fffdf9;box-shadow:0 18px 50px rgba(23,35,60,.16)}
  .hero{background:radial-gradient(circle at 95% 0,rgba(216,121,91,.16),transparent 36%),linear-gradient(140deg,#f8f3ec,#fffdf9 74%)}
  .hero-grid{gap:26px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-sidebar{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
  .card-grid,.card-grid-two,.card-grid-three,.review-grid,.form-grid,.dashboard-grid{grid-template-columns:1fr}
  .content-card{padding:22px 18px}
  .section-heading{align-items:flex-start}
  .site-footer{padding-top:44px}
  .footer-bottom{display:grid;gap:6px}
}
@media (max-width:520px){
  .container,.narrow{width:min(100% - 22px,1180px)}
  .header-inner{min-height:62px}
  .brand{max-width:calc(100vw - 90px)}
  .hero{padding:36px 0 44px}
  h1{font-size:clamp(2.15rem,12vw,3.25rem)}
  h2{font-size:clamp(1.7rem,9vw,2.35rem)}
  .hero-panel,.cta-box{border-radius:18px}
  .hero-panel{padding:21px}
  .big-score strong{font-size:4.1rem}
  .category-grid,.metric-grid,.mini-metrics,.hero-panel .mini-metrics{grid-template-columns:1fr}
  .category-card{min-height:98px}
  .card-metrics{grid-template-columns:1fr 1fr}
  .comparison-table,.income-table{min-width:540px}
  .tab-list{margin-inline:-8px;padding-inline:8px}
  .primary-nav{left:10px;right:10px}
}
@media (max-width:360px){
  .container,.narrow{width:min(100% - 18px,1180px)}
  .button{padding-inline:14px}
  .card-metrics{grid-template-columns:1fr}
}