/* Wise Mango journal, editorial v2: sans headings, serif body, three-column articles. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');
:root{--p:#faf9f5;--i:#141413;--m:#87867f;--r:#e8e6dc;--g:#a8842c;--sans:'Hanken Grotesk',system-ui,sans-serif;--serif:'Source Serif 4',Georgia,serif}
body{background:var(--p);color:var(--i);font-family:var(--sans)}
.header{background:var(--p);border-bottom:0}
.header .nav{min-height:72px}
.nav-links a{font:500 13px/1 var(--sans);color:var(--i);background:#f0eee6;border:1px solid var(--r);border-radius:999px;padding:8px 14px;text-decoration:none}
.nav-links a.button{background:var(--i);color:#fff;border-color:var(--i)}
.brand span:last-child{font:700 18px/1 var(--sans);letter-spacing:.02em}

/* Article */
main.wrap{max-width:1240px}
.article-head{max-width:900px;margin:88px auto 56px;text-align:center;padding:0}
.article-head .eyebrow{display:none}
.article-head h1{font:700 clamp(30px,3.4vw,44px)/1.14 var(--sans);letter-spacing:-.01em;margin:0 auto 16px;color:var(--i)}
.article-head>p{font:400 18px/1.5 var(--sans);color:var(--m);max-width:640px;margin:0 auto}
.article-head .meta{display:none}
.article-layout{display:grid;grid-template-columns:200px minmax(0,660px) 200px;gap:56px;justify-content:center;align-items:start;margin-bottom:72px}
.toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:0;counter-reset:ch;font:400 13px/1.4 var(--sans);background:none;border:0;padding:0}
.toc strong{display:none}
.toc a{counter-increment:ch;display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--r);color:var(--m);text-decoration:none}
.toc a:before{content:counter(ch,decimal-leading-zero);color:#b9b7ae;min-width:18px}
.toc a:hover{color:var(--i)}
.wm-meta{position:sticky;top:96px;font:400 13px/1.4 var(--sans);color:var(--m)}
.wm-meta dl{margin:0}
.wm-meta div{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--r)}
.wm-meta dt{color:var(--i)}
.wm-meta dd{margin:0}
.wm-meta a{color:var(--m)}
.article-copy{font:400 18px/1.6 var(--serif);color:var(--i)}
.article-copy p{margin:0 0 1.15em}
.article-copy h2{font:700 26px/1.2 var(--sans);margin:2em 0 .6em;letter-spacing:-.005em}
.article-copy h3{font:600 18px/1.35 var(--sans);margin:1.6em 0 .4em}
.article-copy a{color:var(--i);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-copy .answer{font:400 20px/1.55 var(--serif);border:0;background:none;padding:0;margin:0 0 1.4em}
.article-copy blockquote{margin:2em 0;padding-left:20px;border-left:2px solid var(--g);font:400 22px/1.45 var(--serif)}
.article-copy figure{margin:36px 0}
.article-copy figure img{width:100%;height:auto;border-radius:8px;border:0}
.article-copy figcaption{font:400 13px/1.5 var(--sans);color:var(--m);margin-top:10px}
.article-copy table{width:100%;border-collapse:collapse;font:400 14px/1.5 var(--sans);margin:28px 0}
.article-copy th{text-align:left;font-weight:600;border-bottom:1px solid var(--i);padding:8px 10px 8px 0}
.article-copy td{border-bottom:1px solid var(--r);padding:8px 10px 8px 0;vertical-align:top}
.article-copy .checklist{background:#f0eee6;border:0;border-radius:8px;padding:24px 28px;font:400 16px/1.5 var(--sans)}
.wm-cap,[data-wm-cta]{background:#f0eee6!important;border:0!important;border-radius:8px!important;font-family:var(--sans)}
.author-bio{display:flex;gap:16px;padding:24px 0;margin-top:40px;border-top:1px solid var(--r);background:none;font:400 15px/1.5 var(--sans)}
.author-bio img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.related{display:flex;flex-direction:column;gap:0;padding:24px 0;background:none;border:0;font:600 16px/1.35 var(--sans)}
.related strong{font:700 15px/1 var(--sans);margin-bottom:12px}
.related a{padding:12px 0;border-top:1px solid var(--r);color:var(--i);text-decoration:none}
.download-box{background:var(--i);color:#e9e5d8;border-radius:8px;padding:48px;margin:48px auto;max-width:1060px}
.download-box h2{font:700 30px/1.2 var(--sans);color:#fff}
.download-box .eyebrow{color:#d6b86a}
.download-box .button{background:#d6b86a;color:var(--i);border-radius:999px}
.download-box a:not(.button){color:#d6b86a}

/* Journal index: magazine grid */
.blog-head{padding:56px 0 24px}
.blog-head .wrap>.eyebrow{display:block;font:600 13px/1 var(--sans);color:var(--i);border-bottom:1px solid var(--r);padding-bottom:14px;margin-bottom:28px;letter-spacing:0;text-transform:none}
.blog-head h1{font:700 clamp(32px,4vw,52px)/1.08 var(--sans);letter-spacing:-.015em;margin:0 0 12px}
.blog-head .intro{font:400 18px/1.5 var(--sans);color:var(--m);max-width:620px}
.featured-blog{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;border-top:0;margin-top:36px;padding:0;background:none;box-shadow:none}
.featured-blog img{border-radius:8px;border:0;width:100%}
.featured-blog .eyebrow,.resource-card .eyebrow,.section-head .eyebrow{display:inline-block;font:500 12px/1 var(--sans);color:var(--m);background:#f0eee6;border-radius:999px;padding:5px 10px;letter-spacing:0;text-transform:none}
.featured-blog h2{font:700 30px/1.15 var(--sans);margin:12px 0 10px}
.featured-blog h2 a{color:var(--i);text-decoration:none}
.featured-blog p{font:400 16px/1.5 var(--sans);color:var(--i)}
.featured-blog .meta{font:400 13px/1.4 var(--sans);color:var(--m)}
.featured-blog .meta img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.section-head h2{font:700 30px/1.15 var(--sans)}
.resource-card{background:none;border:0;border-top:1px solid var(--r);border-radius:0;box-shadow:none;padding:20px 0}
.resource-card h3{font:700 20px/1.25 var(--sans)}
.search{background:#fff;border:1px solid var(--r);border-radius:999px}

@media(max-width:1100px){
 .article-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .toc,.wm-meta{position:static}
 .toc{margin-bottom:28px}
 .wm-meta{order:-1;margin-bottom:24px}
 .article-head{text-align:left;margin-top:48px}
 .article-head>p{margin:0}
 .featured-blog{grid-template-columns:1fr}
}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* Index card grid, news style */
.cards{gap:40px 32px}
.card{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.card a{color:var(--i);text-decoration:none}
.card .cover{background:none!important;border:0!important;padding:0!important;border-radius:6px;overflow:hidden;margin-bottom:16px}
.card .cover img{display:block;width:100%;border-radius:6px}
.card .eyebrow{display:inline-block;font:500 12px/1 var(--sans)!important;color:var(--m)!important;background:#f0eee6;border-radius:999px;padding:5px 10px;letter-spacing:0!important;text-transform:none!important;margin-bottom:10px}
.card h3{font:700 20px/1.25 var(--sans)!important;letter-spacing:-.005em;margin:0 0 8px;color:var(--i)}
.card p{font:400 15px/1.5 var(--sans);color:var(--m)}
.card .meta{font:400 13px/1.4 var(--sans);color:var(--m)}
.card a:hover h3{text-decoration:underline;text-underline-offset:3px}
.filters a,.filters button,.chip{font-family:var(--sans)}