/*
Theme Name: Worthy Trying
Theme URI: https://worthytrying.com/
Author: Worthy Trying
Description: Lightweight editorial WordPress theme for Worthy Trying.
Version: 2.4
Text Domain: wonder-further
*/

:root{
  --wf-bg:#fff;--wf-text:#18202a;--wf-muted:#5d6977;--wf-line:#e5e9ee;--wf-accent:#1f5f7a;
  --wf-accent-strong:#174b61;--wf-accent-soft:#eef6f9;--wf-warm:#f8fafb;--wf-max:1180px;
  --wf-header-max:1420px;--wf-reading:760px;--wf-radius:14px;--wf-shadow:0 10px 28px rgba(24,32,42,.06)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wf-bg);color:var(--wf-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;text-rendering:optimizeLegibility}
a{color:var(--wf-accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--wf-accent-strong)}
img{max-width:100%;height:auto;display:block}
.wf-wrap{width:min(calc(100% - 32px),var(--wf-max));margin-inline:auto}
.wf-header-wrap{width:min(calc(100% - 40px),var(--wf-header-max));margin-inline:auto}

/* Header */
.site-header{border-top:2px solid var(--wf-text);border-bottom:1px solid var(--wf-line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px)}
.site-header__inner{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-brand{flex:0 0 auto;white-space:nowrap;font-size:1.3rem;font-weight:850;color:var(--wf-text);text-decoration:none;letter-spacing:-.03em}
.site-nav{min-width:0}.site-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:nowrap;white-space:nowrap}.site-nav a{text-decoration:none;color:var(--wf-text);font-weight:700;font-size:.93rem;display:block;padding:21px 0 18px;border-bottom:3px solid transparent}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--wf-accent);border-bottom-color:var(--wf-accent)}
.nav-toggle{display:none;border:1px solid var(--wf-line);background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-weight:750;color:var(--wf-text);cursor:pointer}.nav-toggle__icon{display:inline-block;width:14px;height:10px;margin-left:7px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.nav-toggle__icon:after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}

/* Common */
.hero__eyebrow,.article-kicker{font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:var(--wf-accent)}
.wf-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--wf-muted);margin:0 0 18px}.wf-breadcrumbs a{color:var(--wf-muted);text-decoration:none}.wf-breadcrumbs a:hover{color:var(--wf-accent);text-decoration:underline}.wf-breadcrumbs span{color:#a5afb8}
.wf-actions{display:flex;gap:12px;flex-wrap:wrap}.wf-button{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--wf-accent);color:#fff;text-decoration:none;font-weight:750;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.wf-button:hover{background:var(--wf-accent-strong);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(31,95,122,.13)}.wf-button--ghost{background:#fff;color:var(--wf-accent);border:1px solid var(--wf-line)}.wf-button--ghost:hover{background:var(--wf-accent-soft);color:var(--wf-accent-strong);box-shadow:none}
.wf-text-link{font-weight:750;text-decoration:none;white-space:nowrap}

/* Homepage */
.hero{padding:68px 0 50px;background:linear-gradient(180deg,#f5fafc 0%,#fff 100%)}
.hero h1{font-size:clamp(2.7rem,5.4vw,4.95rem);line-height:.98;letter-spacing:-.055em;margin:.22em 0 .25em;max-width:1040px}
.hero__deck{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--wf-muted);max-width:800px;margin:0 0 28px}
.wf-section{padding:44px 0}.wf-section h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;margin:0 0 10px}.wf-section__intro{color:var(--wf-muted);max-width:760px;margin:0 0 24px}.wf-section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.wf-section__head .wf-section__intro{margin:0}
.wf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wf-card{border:1px solid var(--wf-line);border-radius:var(--wf-radius);padding:22px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wf-card:hover{transform:translateY(-2px);border-color:#d6e2e8;box-shadow:var(--wf-shadow)}.wf-card h3{margin:0 0 8px;font-size:1.15rem}.wf-card p{margin:0;color:var(--wf-muted)}.wf-card h3 a{text-decoration:none;color:var(--wf-text)}.wf-card__link{display:inline-block;margin-top:15px;font-size:.9rem;font-weight:750;text-decoration:none}.wf-card--feature{background:var(--wf-accent-soft);border-color:#dbe8ed}
.wf-section--method{padding:30px 0}.method-panel{display:flex;align-items:center;justify-content:space-between;gap:42px;background:var(--wf-warm);border:1px solid var(--wf-line);border-radius:18px;padding:30px 34px}.method-panel h2{margin-top:5px}.method-panel .wf-section__intro{margin-bottom:0}
.wf-section--recent{padding-bottom:64px}.recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.recent-card{padding:22px 0 24px;border-bottom:1px solid var(--wf-line)}.recent-card h3{font-size:1.25rem;line-height:1.3;margin:.35em 0 .55em}.recent-card h3 a{color:var(--wf-accent);}.recent-card p{color:var(--wf-muted);margin:0}.recent-card__link{display:inline-block;margin-top:13px;font-size:.9rem;font-weight:750;text-decoration:none}

/* Article */
.article-shell{display:grid;grid-template-columns:minmax(0,var(--wf-reading)) 280px;gap:54px;align-items:start;padding:38px 0 72px}.article-main{min-width:0}.article-title{font-size:clamp(2.2rem,5vw,4rem);line-height:1.04;letter-spacing:-.045em;margin:.22em 0}.article-deck{font-size:1.2rem;color:var(--wf-muted);margin:0 0 24px}.article-featured{border-radius:var(--wf-radius);overflow:hidden;margin:24px 0 30px}.article-content{font-size:1.075rem}.article-content h2{font-size:1.75rem;line-height:1.2;margin-top:2.05em;scroll-margin-top:92px;letter-spacing:-.02em}.article-content h3{font-size:1.25rem;margin-top:1.8em}.article-content p,.article-content ul,.article-content ol{margin:0 0 1.15em}.article-content blockquote{border-left:4px solid var(--wf-accent);margin:1.7em 0;padding:.2em 0 .2em 1.1em;color:var(--wf-muted)}
.quick-answer{border-left:4px solid var(--wf-accent);background:var(--wf-accent-soft);padding:15px 18px;border-radius:0 10px 10px 0;margin:24px 0 30px}.quick-answer h2{font-size:1.02rem;margin:0 0 6px}.quick-answer p:last-child{margin-bottom:0}
.article-sidebar{position:sticky;top:90px;border-left:1px solid var(--wf-line);padding-left:22px;max-height:calc(100vh - 112px);overflow:auto}.article-sidebar h2{font-size:.86rem;text-transform:uppercase;letter-spacing:.1em;margin-top:0}.article-toc{list-style:none;margin:0;padding:0}.article-toc li{margin:.48em 0}.article-toc a{font-size:.9rem;line-height:1.45;text-decoration:none;color:var(--wf-muted);display:block;padding:2px 0 2px 10px;border-left:2px solid transparent;transition:color .15s ease,border-color .15s ease}.article-toc a:hover{color:var(--wf-accent)}.article-toc a[aria-current="location"]{color:var(--wf-accent);border-left-color:var(--wf-accent);font-weight:700}
.mobile-toc{display:none;border:1px solid var(--wf-line);border-radius:12px;background:#fff;margin:20px 0}.mobile-toc summary{cursor:pointer;padding:13px 15px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.mobile-toc[open] summary{border-bottom:1px solid var(--wf-line)}.mobile-toc .article-toc{padding:10px 14px 12px}
.wf-verdict-block{background:linear-gradient(135deg,var(--wf-accent-soft),#fff);border:1px solid #d8e8ee;border-top:4px solid var(--wf-accent);border-radius:14px;padding:22px 24px;margin:42px 0 34px}.wf-verdict-block h2{margin:0 0 18px;font-size:1.55rem}.wf-verdict-block p:last-child{margin-bottom:0}.wf-sources-block{border-top:1px solid var(--wf-line);padding-top:4px;margin-top:38px}.wf-sources-block h2{margin-top:1.4em}.wf-sources-block ol,.wf-sources-block ul{padding-left:1.4em}.wf-sources-block li{padding:.3em 0}.wf-related-block{margin-top:34px}.wf-related-block h2{margin-bottom:15px}.wf-related-block ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.wf-related-block li{margin:0}.wf-related-block li a{display:block;height:100%;padding:12px 14px;border:1px solid var(--wf-line);border-radius:10px;background:#fff;text-decoration:none;font-weight:700;line-height:1.4}.wf-related-block li a:hover{background:var(--wf-accent-soft);border-color:#d6e5ea}
.article-category-return{border-top:1px solid var(--wf-line);margin-top:38px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.article-category-return span:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--wf-muted);font-weight:800}.article-category-return a{font-weight:800;text-decoration:none;text-align:right}

/* Category hubs */
.category-header{padding:44px 0 34px;border-bottom:1px solid var(--wf-line);background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}.category-header h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em;line-height:1.02;margin:.16em 0 12px}.category-header p{font-size:1.1rem;color:var(--wf-muted);max-width:850px;margin:0}.category-body{padding:38px 0 68px}.category-start{border:1px solid #d8e8ee;background:var(--wf-accent-soft);border-radius:16px;padding:26px 28px;margin-bottom:46px;max-width:900px}.category-start__eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--wf-accent)}.category-start h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.18;letter-spacing:-.025em;margin:.25em 0 .35em}.category-start h2 a{color:var(--wf-text);text-decoration:none}.category-start p{font-size:1.04rem;color:var(--wf-muted);max-width:760px;margin:0 0 12px}.category-start__link{font-weight:800;text-decoration:none}.category-library__head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:8px}.category-library__head h2{font-size:2rem;letter-spacing:-.03em;margin:.18em 0 0}.category-count{font-size:.9rem;color:var(--wf-muted);white-space:nowrap}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding:8px 0 30px}.post-list__item{border-bottom:1px solid var(--wf-line);padding:22px 0 24px}.post-list__item h3{font-size:1.25rem;line-height:1.35;margin:0 0 10px}.post-list__item h3 a{color:var(--wf-accent)}.post-list__item p{color:var(--wf-muted);margin:0}.post-list__more{display:inline-block;margin-top:13px;font-size:.88rem;font-weight:750;text-decoration:none}.pagination{padding:8px 0 30px}.pagination .page-numbers{display:inline-block;padding:7px 10px;margin-right:5px;border:1px solid var(--wf-line);border-radius:8px;text-decoration:none}.pagination .current{background:var(--wf-accent);color:#fff;border-color:var(--wf-accent)}
.topic-neighbors{border-top:1px solid var(--wf-line);padding-top:30px;margin-top:12px}.topic-neighbors__label{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--wf-muted);margin-bottom:12px}.topic-neighbors__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-neighbors__links a{display:block;border:1px solid var(--wf-line);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--wf-text)}.topic-neighbors__links a:hover{border-color:#d5e4ea;background:var(--wf-accent-soft)}.topic-neighbors__links strong{display:block;margin-bottom:4px}.topic-neighbors__links span{display:block;color:var(--wf-muted);font-size:.9rem}

/* Footer */
.site-footer{border-top:1px solid var(--wf-line);padding:32px 0;color:var(--wf-muted);font-size:.92rem}.site-footer__inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer a{color:inherit}

@media(max-width:1180px){
  .site-header__inner{gap:20px}.site-nav ul{gap:18px}.site-nav a{font-size:.88rem}
}
@media(max-width:980px){
  .site-header{position:sticky}.site-header__inner{min-height:62px;position:relative}.nav-toggle{display:inline-flex;align-items:center;margin-left:auto}.site-nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;border:1px solid var(--wf-line);border-radius:0 0 14px 14px;box-shadow:var(--wf-shadow);padding:8px 18px 14px}.site-nav.is-open{display:block}.site-nav ul{display:block;white-space:normal}.site-nav li+li{border-top:1px solid var(--wf-line)}.site-nav a{padding:11px 2px;border-bottom:0}.site-nav a[aria-current="page"]{border-bottom:0}
  .wf-grid{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:1fr;max-width:820px}.article-sidebar{display:none}.mobile-toc{display:block}.post-list{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr}.method-panel{align-items:flex-start}.topic-neighbors__links{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .wf-grid{grid-template-columns:1fr}.hero{padding:44px 0 36px}.hero h1{font-size:2.75rem}.wf-section{padding:36px 0}.article-title{font-size:2.25rem}.wf-header-wrap{width:min(calc(100% - 28px),var(--wf-header-max))}.wf-section__head{display:block}.wf-section__head .wf-text-link{display:inline-block;margin-top:12px}.method-panel{display:block;padding:24px}.method-panel .wf-actions{margin-top:18px}.wf-related-block ul{grid-template-columns:1fr}.article-category-return{display:block}.article-category-return a{display:block;text-align:left;margin-top:7px}.category-header{padding:32px 0 28px}.category-body{padding-top:26px}.category-start{padding:21px}.category-library__head{align-items:flex-start}.topic-neighbors__links{grid-template-columns:1fr}
}

/* Core pages */
.page-standard{max-width:820px;padding:42px 0 72px}.page-standard .article-title{margin-top:.15em}.page-methodology .article-kicker{margin-top:0}
.experiments-library{padding:38px 0 68px}.experiment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.experiment-card{padding:22px 0 25px;border-bottom:1px solid var(--wf-line)}.experiment-card h2{font-size:1.2rem;line-height:1.35;margin:.35em 0 .55em}.experiment-card h2 a{color:var(--wf-accent)}.experiment-card p{color:var(--wf-muted);margin:0}.experiment-card__link{display:inline-block;margin-top:13px;font-size:.88rem;font-weight:750;text-decoration:none}
@media(max-width:980px){.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.experiment-grid{grid-template-columns:1fr}.page-standard{padding-top:30px}}


/* v1.3 Featured-image browsing system */
.post-list{gap:18px;padding-top:18px}
.post-list__item--visual{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);padding:0;border:1px solid var(--wf-line);border-radius:14px;overflow:hidden;background:#fff;min-height:220px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.post-list__item--visual:hover{transform:translateY(-2px);border-color:#d6e2e8;box-shadow:var(--wf-shadow)}
.post-list__thumb{display:block;min-height:100%;background:#eef3f5}
.post-list__thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.post-list__content{padding:20px 22px;align-self:center}
.post-list__content .article-kicker{font-size:.72rem}
.post-list__item--visual h3{margin:.35em 0 .55em}
.post-list__item--visual h3 a{text-decoration:none;color:var(--wf-text)}
.post-list__item--visual p{font-size:.96rem;line-height:1.55}
.post-list__item--visual .post-list__more{margin-top:12px}

.recent-grid{gap:22px}
.recent-card--visual{display:grid;grid-template-columns:42% 58%;padding:0;border:1px solid var(--wf-line);border-radius:14px;overflow:hidden;background:#fff;min-height:210px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.recent-card--visual:hover{transform:translateY(-2px);border-color:#d6e2e8;box-shadow:var(--wf-shadow)}
.recent-card__thumb{display:block;background:#eef3f5}
.recent-card__thumb img{width:100%;height:100%;object-fit:cover}
.recent-card__content{padding:20px 22px;align-self:center}
.recent-card--visual h3{margin:.3em 0 .5em}
.recent-card--visual h3 a{text-decoration:none;color:var(--wf-text)}

.experiment-grid{gap:22px}
.experiment-card--visual{padding:0;border:1px solid var(--wf-line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.experiment-card--visual:hover{transform:translateY(-2px);border-color:#d6e2e8;box-shadow:var(--wf-shadow)}
.experiment-card__thumb{display:block;background:#eef3f5;aspect-ratio:16/9;overflow:hidden}
.experiment-card__thumb img{width:100%;height:100%;object-fit:cover}
.experiment-card__content{padding:18px 20px 21px}
.experiment-card--visual h2{margin:.35em 0 .55em}

@media(max-width:980px){
  .post-list__item--visual{grid-template-columns:38% 62%}
  .recent-card--visual{grid-template-columns:38% 62%}
}
@media(max-width:680px){
  .post-list{gap:18px}
  .post-list__item--visual,.recent-card--visual{display:block}
  .post-list__thumb,.recent-card__thumb{aspect-ratio:16/9;min-height:0}
  .post-list__thumb img,.recent-card__thumb img{width:100%;height:100%;object-fit:cover}
  .post-list__content,.recent-card__content{padding:18px 19px 20px}
}

/* =========================================================
   WORTHY TRYING BRAND PALETTE — v1.7
   Subtle visual identity: navy + blue + restrained gold.
   ========================================================= */
:root{
  --wt-navy:#08213a;
  --wt-blue:#0f5f86;
  --wt-blue-strong:#0b4f73;
  --wt-gold:#d39a21;
  --wt-gold-soft:#f4e5bc;
  --wt-silver:#dfe7ec;
  --wt-mist:#f4f8fa;
  --wt-ink:#18212c;
  --wt-muted:#667386;
}

/* Keep the publication mostly editorial/neutral. */
body{
  color:var(--wt-ink);
}

/* Brand wordmark: quiet navy rather than pure black. */
.site-brand,
.site-brand a,
.site-title,
.site-title a{
  color:var(--wt-navy);
}

/* Navigation stays understated; gold appears only as an interaction cue. */
.site-nav a,
.wf-primary-nav a{
  color:var(--wt-ink);
  text-decoration-color:transparent;
  text-underline-offset:.28em;
}
.site-nav a:hover,
.site-nav a:focus-visible,
.wf-primary-nav a:hover,
.wf-primary-nav a:focus-visible{
  color:var(--wt-blue-strong);
  text-decoration-color:var(--wt-gold);
}

/* Main editorial links inherit the site's recognizable blue. */
main a,
.entry-content a,
.card a,
.article-card a{
  color:var(--wt-blue-strong);
}

/* Primary action: signature Worthy Trying blue. */
.button-primary,
.wp-block-button__link,
.hero .button:first-of-type,
.hero-actions a:first-child,
.wf-primary-action{
  background:var(--wt-blue-strong);
  border-color:var(--wt-blue-strong);
  color:#fff;
}
.button-primary:hover,
.wp-block-button__link:hover,
.hero .button:first-of-type:hover,
.hero-actions a:first-child:hover,
.wf-primary-action:hover{
  background:var(--wt-navy);
  border-color:var(--wt-navy);
  color:#fff;
}

/* Secondary actions keep the clean white editorial feel. */
.hero-actions a:not(:first-child),
.button-secondary{
  background:#fff;
  border-color:var(--wt-silver);
  color:var(--wt-blue-strong);
}
.hero-actions a:not(:first-child):hover,
.button-secondary:hover{
  border-color:var(--wt-gold);
  color:var(--wt-navy);
}

/* Eyebrows/category labels: subtle gold signal, not a gold-heavy theme. */
.hero__eyebrow,
.eyebrow,
.kicker,
.category-label,
.article-category,
.card__eyebrow{
  color:var(--wt-blue-strong);
}
.hero__eyebrow::before,
.eyebrow::before{
  content:"";
  display:inline-block;
  width:.55em;
  height:.55em;
  border-radius:50%;
  background:var(--wt-gold);
  margin-right:.5em;
  vertical-align:.05em;
}

/* Cards/section surfaces pick up only a whisper of the logo palette. */
.browse-card,
.topic-card,
.question-card,
.article-card,
.wf-card{
  border-color:var(--wt-silver);
}
.browse-card,
.topic-card{
  background:var(--wt-mist);
}
.browse-card:hover,
.topic-card:hover,
.question-card:hover,
.article-card:hover{
  border-color:#c9d6de;
  box-shadow:0 8px 24px rgba(8,33,58,.06);
}

/* Method / callout sections get a very light branded edge. */
.method-card,
.method-panel,
.quick-answer,
.key-takeaways{
  border-color:var(--wt-silver);
}
.quick-answer,
.key-takeaways{
  border-left:3px solid var(--wt-gold);
}

/* In-article navigation and active states. */
.toc a,
.in-this-article a{
  color:var(--wt-muted);
}
.toc a:hover,
.toc a:focus-visible,
.in-this-article a:hover,
.in-this-article a:focus-visible,
.toc a[aria-current="true"]{
  color:var(--wt-blue-strong);
}

/* Footer stays quiet but tied to the mark. */
.site-footer{
  border-top-color:var(--wt-silver);
}
.site-footer a:hover{
  color:var(--wt-blue-strong);
}

/* Keyboard focus: small gold halo is useful and brand-consistent. */
a:focus-visible,
button:focus-visible{
  outline:2px solid var(--wt-gold);
  outline-offset:3px;
}

/* Mobile nav trigger picks up the brand without becoming decorative. */
.nav-toggle{
  color:var(--wt-navy);
}
.nav-toggle:hover,
.nav-toggle:focus-visible{
  border-color:var(--wt-gold);
}

/* Avoid decorative color overload in long-form article prose. */
.entry-content h2,
.entry-content h3,
.entry-content h4{
  color:var(--wt-ink);
}

/* =========================================================
   WORTHY TRYING v1.8 — EDITORIAL / FIELD-NOTES DIRECTION
   Breaks the generic SaaS/corporate rhythm while preserving
   the existing semantic structure and responsive foundation.
   ========================================================= */

/* Hero becomes a publication lead, not a software landing panel. */
.hero{
  background:#fff;
  border-bottom:1px solid var(--wt-silver);
}
.hero .wf-wrap{
  position:relative;
}
.hero .wf-wrap::before{
  content:"";
  position:absolute;
  left:0;
  top:3.15rem;
  width:3.25rem;
  height:4px;
  background:var(--wt-gold);
}
.hero__eyebrow{
  letter-spacing:.11em;
  font-size:.76rem;
  font-weight:800;
  color:var(--wt-blue-strong);
  margin-bottom:1.35rem;
}
.hero__eyebrow::before{display:none}

/* A little less billboard, a little more magazine cover. */
.hero h1{
  max-width:18ch;
  font-size:clamp(2.65rem,5.15vw,5.05rem);
  line-height:.94;
  letter-spacing:-.052em;
}
.hero__deck{
  max-width:48rem;
  font-size:clamp(1.05rem,1.45vw,1.25rem);
  line-height:1.62;
}

/* Remove the three-pill SaaS CTA pattern. */
.hero__actions,
.hero-actions{
  gap:1.55rem;
  align-items:center;
  flex-wrap:wrap;
}
.hero__actions a,
.hero-actions a,
.hero .button,
.hero .button:first-of-type,
.hero-actions a:first-child,
.hero-actions a:not(:first-child){
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  color:var(--wt-blue-strong);
  padding:.25rem 0 .38rem;
  font-weight:800;
  text-decoration:none;
  border-bottom:2px solid var(--wt-silver);
}
.hero__actions a:first-child,
.hero-actions a:first-child{
  color:var(--wt-navy);
  border-bottom-color:var(--wt-gold);
}
.hero__actions a:hover,
.hero-actions a:hover{
  background:transparent;
  color:var(--wt-navy);
  border-bottom-color:var(--wt-gold);
}

/* Editorial section headings get a recognizable marker. */
.home-section h2,
.section-heading h2{
  position:relative;
  letter-spacing:-.035em;
}
.home-section h2::after,
.section-heading h2::after{
  content:"";
  display:block;
  width:2.35rem;
  height:3px;
  margin-top:.6rem;
  background:var(--wt-gold);
}

/* Big-question cards stop looking like equal product-feature cards. */
.question-grid,
.cards-grid{
  border-top:1px solid var(--wt-navy);
  gap:0;
}
.question-card,
.home .wf-card{
  border:0;
  border-right:1px solid var(--wt-silver);
  border-radius:0;
  background:#fff;
  box-shadow:none;
  padding:1.5rem 1.55rem 1.45rem;
}
.question-card:first-child,
.home .wf-card:first-child{
  padding-left:0;
}
.question-card:last-child,
.home .wf-card:last-child{
  border-right:0;
}
.question-card:hover,
.home .wf-card:hover{
  border-color:var(--wt-silver);
  box-shadow:none;
  transform:none;
}
.question-card h3,
.home .wf-card h3{
  font-size:1.08rem;
  line-height:1.25;
}
.question-card a,
.home .wf-card a{
  text-decoration-thickness:1px;
  text-underline-offset:.22em;
}

/* Give later homepage collections a magazine/list character. */
.home .article-card,
.home .browse-card,
.home .topic-card{
  border-radius:0;
  box-shadow:none;
}
.home .article-card{
  border-width:0 0 1px;
  border-color:var(--wt-silver);
}
.home .article-card:hover{
  box-shadow:none;
  border-color:var(--wt-gold);
}

/* Small directional marker echoes the compass identity without logo clutter. */
.home main section:nth-of-type(n+2) > .wf-wrap{
  position:relative;
}
.home main section:nth-of-type(n+2) > .wf-wrap::before{
  content:"";
  position:absolute;
  left:-1.15rem;
  top:.55rem;
  width:6px;
  height:6px;
  border-top:2px solid var(--wt-gold);
  border-right:2px solid var(--wt-gold);
  transform:rotate(45deg);
}

/* Keep article pages calmer than the homepage. */
.single .entry-content,
.single-post .entry-content{
  font-size:1.04rem;
}

/* Mobile: retain personality without crowding. */
@media (max-width:700px){
  .hero .wf-wrap::before{
    top:2.25rem;
    width:2.3rem;
    height:3px;
  }
  .hero h1{
    font-size:clamp(2.55rem,13vw,4rem);
    line-height:.96;
  }
  .hero__actions,
  .hero-actions{
    align-items:flex-start;
    flex-direction:column;
    gap:.72rem;
  }
  .question-grid,
  .cards-grid{
    border-top:1px solid var(--wt-navy);
  }
  .question-card,
  .home .wf-card{
    border-right:0;
    border-bottom:1px solid var(--wt-silver);
    padding:1.25rem 0;
  }
  .home main section:nth-of-type(n+2) > .wf-wrap::before{
    display:none;
  }
}

/* =========================================================
   WORTHY TRYING v1.9 — WARM BRAND PALETTE TEST
   Keep the proven homepage structure/color placement, but
   replace the corporate blue-gray feel with warmer identity.
   ========================================================= */
:root{
  --wt-navy:#17202a;
  --wt-blue:#174e67;
  --wt-blue-strong:#174e67;
  --wt-gold:#d98b18;
  --wt-gold-soft:#f4dfb6;
  --wt-silver:#e8e3d9;
  --wt-mist:#faf8f3;
  --wt-ink:#17202a;
  --wt-muted:#667078;
}

/* Return hero to the v1.7-style softly colored field. */
.hero{
  background:var(--wt-mist);
  border-bottom:0;
}
.hero .wf-wrap::before{
  display:none;
}
.hero__eyebrow{
  color:var(--wt-blue);
  letter-spacing:.09em;
}
.hero__eyebrow::before{
  display:inline-block;
  background:var(--wt-gold);
}

/* Restore the original headline proportions rather than the v1.8 magazine experiment. */
.hero h1{
  max-width:none;
  font-size:clamp(3rem,5.4vw,5.35rem);
  line-height:.96;
  letter-spacing:-.05em;
}

/* Restore button treatment, but make the primary action warmer and more distinctive. */
.hero__actions,
.hero-actions{
  gap:.7rem;
  align-items:center;
  flex-direction:row;
  flex-wrap:wrap;
}
.hero__actions a,
.hero-actions a,
.hero .button,
.hero .button:first-of-type,
.hero-actions a:first-child{
  border-radius:999px;
  padding:.78rem 1.15rem;
  font-weight:800;
  text-decoration:none;
}
.hero__actions a:first-child,
.hero-actions a:first-child,
.hero .button:first-of-type{
  background:var(--wt-gold);
  border:1px solid var(--wt-gold);
  color:#17202a;
}
.hero__actions a:first-child:hover,
.hero-actions a:first-child:hover,
.hero .button:first-of-type:hover{
  background:#bf7510;
  border-color:#bf7510;
  color:#fff;
}
.hero__actions a:not(:first-child),
.hero-actions a:not(:first-child){
  background:#fff;
  border:1px solid var(--wt-silver);
  color:var(--wt-blue);
}
.hero__actions a:not(:first-child):hover,
.hero-actions a:not(:first-child):hover{
  background:#fff;
  border-color:var(--wt-gold);
  color:var(--wt-navy);
}

/* Restore clean card treatment from the earlier structure. */
.question-grid,
.cards-grid{
  border-top:0;
  gap:1rem;
}
.question-card,
.home .wf-card{
  border:1px solid var(--wt-silver);
  border-radius:12px;
  background:#fff;
  padding:1.35rem;
}
.question-card:first-child,
.home .wf-card:first-child{
  padding-left:1.35rem;
}
.question-card:last-child,
.home .wf-card:last-child{
  border-right:1px solid var(--wt-silver);
}
.question-card:hover,
.home .wf-card:hover{
  border-color:#d7cbb8;
  box-shadow:0 8px 24px rgba(23,32,42,.055);
}

/* Remove v1.8 directional markers/section-rule experiment. */
.home-section h2::after,
.section-heading h2::after{
  display:none;
}
.home main section:nth-of-type(n+2) > .wf-wrap::before{
  display:none;
}

/* Warm, subtle section/card backgrounds where the design already expects color. */
.browse-card,
.topic-card{
  background:#fffdf9;
}
.quick-answer,
.key-takeaways{
  background:#fffdf9;
  border-left-color:var(--wt-gold);
}

/* Gold is the memorable accent; blue supports it rather than dominating. */
main a,
.entry-content a,
.card a,
.article-card a{
  color:var(--wt-blue);
}
.site-nav a:hover,
.site-nav a:focus-visible,
.wf-primary-nav a:hover,
.wf-primary-nav a:focus-visible{
  color:var(--wt-blue);
  text-decoration-color:var(--wt-gold);
}

@media (max-width:700px){
  .hero h1{
    font-size:clamp(2.65rem,12vw,4rem);
  }
  .hero__actions,
  .hero-actions{
    flex-direction:row;
    gap:.55rem;
  }
  .question-grid,
  .cards-grid{
    border-top:0;
    gap:.8rem;
  }
  .question-card,
  .home .wf-card{
    border:1px solid var(--wt-silver);
    padding:1.15rem;
  }
}


/* =========================================================
   WORTHY TRYING — Authority Refresh v2.0
   High-contrast editorial identity: deep navy + signal orange.
   Keeps the existing layout and content architecture intact.
   ========================================================= */
:root{
  --wf-bg:#ffffff;
  --wf-text:#111b28;
  --wf-muted:#5b6878;
  --wf-line:#dce3e9;
  --wf-accent:#0d5d7f;
  --wf-accent-strong:#073f5a;
  --wf-accent-soft:#eef6f9;
  --wf-warm:#f5f8fa;
  --wt-navy:#071b2d;
  --wt-navy-2:#0b263d;
  --wt-blue:#0d6288;
  --wt-blue-strong:#084b6c;
  --wt-orange:#f36a2d;
  --wt-orange-dark:#d95018;
  --wt-orange-soft:#fff2eb;
  --wt-silver:#dce4ea;
  --wt-mist:#f4f8fa;
  --wt-ink:#111b28;
  --wt-muted:#5b6878;
}
body{background:#fff;color:var(--wt-ink)}

/* Strong, recognizable publication masthead. */
.site-header{
  border-top:5px solid var(--wt-orange);
  border-bottom:0;
  background:rgba(7,27,45,.985);
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 5px 18px rgba(7,27,45,.09);
}
.site-header__inner{min-height:70px}
.site-brand,.site-brand:visited,.site-brand:hover{
  color:#fff;
  font-weight:900;
  letter-spacing:-.035em;
}
.site-brand:after{
  content:"";
  display:inline-block;
  width:7px;height:7px;
  margin-left:8px;
  border-radius:50%;
  background:var(--wt-orange);
  vertical-align:.12em;
}
.site-nav a{
  color:#f4f7f9;
  font-weight:760;
  padding:23px 0 20px;
  border-bottom-color:transparent;
}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{
  color:#fff;
  border-bottom-color:var(--wt-orange);
  text-decoration:none;
}
.nav-toggle{border-color:rgba(255,255,255,.35);background:transparent;color:#fff}

/* Homepage: white/cool surfaces with deliberate orange signals. */
.hero{
  position:relative;
  padding:76px 0 58px;
  background:linear-gradient(112deg,#ffffff 0%,#ffffff 68%,#f1f6f9 100%);
  border-bottom:1px solid var(--wf-line);
  overflow:hidden;
}
.hero:after{
  content:"";
  position:absolute;
  right:-150px;top:-235px;
  width:560px;height:560px;
  border:1px solid rgba(13,98,136,.08);
  border-radius:50%;
  box-shadow:0 0 0 65px rgba(13,98,136,.025),0 0 0 130px rgba(13,98,136,.018);
  pointer-events:none;
}
.hero .wf-wrap{position:relative;z-index:1}
.hero__eyebrow,.article-kicker{color:var(--wt-blue-strong)}
.hero__eyebrow:before,.eyebrow:before{
  width:8px;height:8px;background:var(--wt-orange);margin-right:.55em;
}
.hero h1{color:var(--wt-navy);font-weight:900;max-width:1080px}
.hero h1:before{
  content:"";
  display:block;
  width:72px;height:5px;
  background:var(--wt-orange);
  margin:0 0 20px;
}
.hero__deck{color:var(--wt-muted)}
.wf-button{background:var(--wt-blue-strong);border:1px solid var(--wt-blue-strong);box-shadow:none}
.wf-button:hover{background:var(--wt-navy);border-color:var(--wt-navy);box-shadow:0 7px 18px rgba(7,27,45,.12)}
.wf-button--ghost{background:#fff;color:var(--wt-blue-strong);border-color:#cfdbe2}
.wf-button--ghost:hover{background:#fff;color:var(--wt-navy);border-color:var(--wt-orange);box-shadow:none}

.wf-section{background:#fff}
.wf-section:nth-of-type(3){background:var(--wt-mist)}
.wf-section h2{color:var(--wt-navy);font-weight:880}
.wf-section h2:before{
  content:"›";
  color:var(--wt-orange);
  font-weight:900;
  margin-right:.32em;
}
.wf-section__intro{color:var(--wt-muted)}
.wf-card{border-color:var(--wt-silver);border-radius:10px;box-shadow:none}
.wf-card:hover{transform:translateY(-3px);border-color:#bdccd6;box-shadow:0 12px 28px rgba(7,27,45,.08)}
.wf-card h3 a{color:var(--wt-navy)}
.wf-card__link,.recent-card__link,.wf-text-link{color:var(--wt-blue-strong)}
.wf-card__link:hover,.recent-card__link:hover,.wf-text-link:hover{color:var(--wt-orange-dark)}
.wf-card--feature{background:#f4f8fa;border-top:3px solid var(--wt-blue)}
.method-panel{background:var(--wt-navy);border:0;border-radius:12px;color:#fff;box-shadow:0 14px 32px rgba(7,27,45,.12)}
.method-panel h2,.method-panel .hero__eyebrow{color:#fff}
.method-panel .wf-section__intro{color:#c9d5de}
.method-panel .wf-button--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.method-panel .wf-button--ghost:hover{border-color:var(--wt-orange);color:#fff;background:rgba(255,255,255,.04)}

/* Carry the same authority into article/category chrome without making reading areas dark. */
.category-header{background:linear-gradient(112deg,#f5f8fa 0%,#fff 72%);border-top:4px solid var(--wt-orange)}
.category-header h1,.article-title{color:var(--wt-navy)}
.quick-answer{background:#f2f7fa;border-left-color:var(--wt-orange)}
.article-sidebar{border-left-color:#d5dfe6}
.article-toc a[aria-current="location"]{color:var(--wt-blue-strong);border-left-color:var(--wt-orange)}
.wf-verdict-block{background:linear-gradient(135deg,#f2f7fa,#fff);border-top-color:var(--wt-orange)}

/* Footer becomes the visual bookend to the masthead. */
.site-footer{background:var(--wt-navy);color:#cbd6de;border-top:5px solid var(--wt-orange)}
.site-footer a{color:#fff}
.site-footer a:hover{color:#ffb28e}

@media(max-width:900px){
  .site-nav{background:var(--wt-navy)}
  .hero{padding-top:56px}
  .hero:after{opacity:.55}
}

/* Homepage SEO context: reader value first, semantic coverage second. */
.wf-section--about-ai{background:var(--wt-mist)}
.wf-about-ai{max-width:940px}
.wf-about-ai h2{margin-bottom:18px}
.wf-about-ai__copy{max-width:880px;color:var(--wt-muted);font-size:1.02rem}
.wf-about-ai__copy p{margin:0 0 1.05em}
.wf-about-ai__copy p:last-child{margin-bottom:0}
.wf-about-ai__copy h3{color:var(--wt-navy);font-size:1.3rem;line-height:1.3;margin:1.6em 0 .55em}
.wf-about-ai__copy strong{color:var(--wt-navy);font-weight:750}

/* 404 page */
.wt-404{
  padding-top:72px;
  padding-bottom:88px;
}
.wt-404__content{
  max-width:760px;
}
.wt-404 .article-title{
  margin-bottom:14px;
}
.wt-404 .article-deck{
  max-width:680px;
  margin-bottom:28px;
}
.wt-404__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
@media(max-width:600px){
  .wt-404{padding-top:48px;padding-bottom:64px}
  .wt-404__actions{align-items:stretch;flex-direction:column}
  .wt-404__actions .wf-button{text-align:center}
}