/* The Taste Storyteller site layer: header, footer, home page and the short answer box. */
:root{--tss-green:#2F5D50;--tss-green2:#244a40;--tss-ink:#1E1B18;--tss-paper:#FAF7F0;--tss-paper2:#F1ECE1;--tss-muted:#5F5A52;--tss-line:#E2DBCD;--tss-terra:#B0674A;
--tss-display:Spectral,Georgia,serif;--tss-serif:Lora,Georgia,serif;--tss-ui:Inter,system-ui,sans-serif}
body{background:var(--tss-paper)}
.wp-site-blocks{padding-top:0!important;padding-bottom:0!important}
.wp-site-blocks>header,.wp-site-blocks>footer{margin-block-start:0!important}
.tss-wrap{max-width:72rem;margin-inline:auto;padding-inline:24px;box-sizing:border-box;width:100%}
.tss-kicker{font:600 12px/1.2 var(--tss-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tss-green);margin:0 0 12px}
.tss-btn{display:inline-block;background:var(--tss-green);color:#fff!important;font:600 15px/1 var(--tss-ui);padding:14px 22px;border-radius:2px;text-decoration:none!important}
.tss-btn:hover{background:var(--tss-green2)}
.tss-btn-sm{padding:10px 16px;font-size:14px}
.tss-btn-ghost{background:transparent;color:var(--tss-ink)!important;box-shadow:inset 0 0 0 1px var(--tss-ink)}
.tss-btn-ghost:hover{background:var(--tss-ink);color:#fff!important}
.tss-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.tss-link{font:600 15px var(--tss-ui);color:var(--tss-green)!important;text-decoration:none!important;border-bottom:1px solid var(--tss-green);padding-bottom:2px}
.tss-h2{font:600 clamp(28px,3.4vw,40px)/1.15 var(--tss-display);color:var(--tss-ink);margin:0 0 16px}
.tss-lede{font:19px/1.65 var(--tss-serif);color:var(--tss-muted);max-width:40rem;margin:0}

/* Header */
.tss-header{background:var(--tss-paper);border-bottom:1px solid var(--tss-line)}
.tss-header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;flex-wrap:wrap}
.tss-brand{font:600 24px/1 var(--tss-display);color:var(--tss-ink)!important;text-decoration:none!important;letter-spacing:-.005em}
.tss-brand{display:inline-flex;align-items:center;gap:12px}
.tss-mark{width:40px;height:40px;display:block}
.tss-the{font-style:italic;font-weight:400;color:var(--tss-green)}
.tss-nav{display:flex;align-items:center;gap:26px;font:500 15px var(--tss-ui)}
.tss-nav a:not(.tss-btn){color:var(--tss-ink);text-decoration:none}
.tss-nav a:not(.tss-btn):hover{color:var(--tss-green)}

/* Home */
.home .wp-block-post-content{padding:0!important}
.home .wp-block-post-content>*{max-width:none!important;margin-left:0!important;margin-right:0!important;margin-block-start:0!important}
.home main{margin-top:0!important}
.tss-section{padding:64px 0}
.tss-hero{padding:80px 0 56px;border-bottom:1px solid var(--tss-line)}
.tss-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center}
.tss-hero h1{font:600 clamp(38px,4.8vw,58px)/1.08 var(--tss-display);color:var(--tss-ink);margin:0 0 22px;letter-spacing:-.01em}
.tss-deck{font:20px/1.65 var(--tss-serif);color:var(--tss-muted);max-width:38rem;margin:0}
.tss-quote{border-left:3px solid var(--tss-terra);padding:8px 0 8px 26px}
.tss-quote blockquote{margin:0;padding:0;border:0;font:italic 400 26px/1.4 var(--tss-display);color:var(--tss-ink)}
.tss-quote p{margin:16px 0 0;font:14px var(--tss-ui)}
.tss-quote p a{color:var(--tss-muted);text-decoration:none}
.tss-quote p a:hover{color:var(--tss-green)}
.tss-guides{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.tss-guide{background:#fff;border:1px solid var(--tss-line);border-top:4px solid var(--tss-green);padding:28px 30px}
.tss-guide h3{font:600 28px/1.15 var(--tss-display);margin:0 0 10px}
.tss-guide h3 a{color:var(--tss-ink);text-decoration:none}
.tss-guide h3 a:hover{color:var(--tss-green)}
.tss-guide-ex{font:16px/1.6 var(--tss-serif);color:var(--tss-muted);margin:0 0 14px}
.tss-guide ul{list-style:none;padding:0;margin:0 0 18px;font:15px/1.45 var(--tss-ui)}
.tss-guide li{padding:9px 0;border-top:1px solid var(--tss-line)}
.tss-guide li a{color:var(--tss-ink);text-decoration:none}
.tss-guide li a:hover{color:var(--tss-green)}
.tss-books{background:var(--tss-paper2);padding:64px 0}
.tss-books-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.tss-shelf{display:flex;gap:18px;justify-content:center;align-items:flex-end}
.tss-spine{display:flex;flex-direction:column;justify-content:space-between;width:160px;aspect-ratio:2/3;padding:18px 16px;color:#fff!important;text-decoration:none!important;box-shadow:0 14px 30px rgba(30,27,24,.22);box-sizing:border-box}
.tss-spine span{font:600 10px/1.4 var(--tss-ui);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.tss-spine strong{font:600 26px/1.05 var(--tss-display)}
.tss-spine-a{background:var(--tss-green)}
.tss-spine-b{background:#5B3A2E;transform:translateY(-14px)}
.tss-news{padding-bottom:24px}
.tss-news form,.tss-news .ts-core-subscribe{margin-top:22px}
.tss-news form{display:flex;flex-wrap:wrap;gap:10px;max-width:72rem;margin-inline:auto;padding-inline:24px;box-sizing:border-box}
.tastestoryteller-core-subscribe{display:flex;flex-wrap:wrap;gap:10px;max-width:34rem}
.tss-news form input[type=email],.tastestoryteller-core-subscribe input[type=email]{flex:1;min-width:200px;max-width:22rem;font:16px var(--tss-ui);padding:13px 15px;border:1px solid var(--tss-line);border-radius:2px;background:#fff;color:var(--tss-ink)}
.tss-news form button,.tastestoryteller-core-subscribe button{background:var(--tss-green);color:#fff;border:0;border-radius:2px;font:600 15px var(--tss-ui);padding:13px 22px;cursor:pointer}
.tastestoryteller-core-subscribe__note{font:600 16px/1.5 var(--tss-ui);color:var(--tss-green);margin:16px 0 0}
.tastestoryteller-core-hp{position:absolute!important;left:-9999px!important}
.tss-latest .wp-block-post-template{gap:28px!important;margin-top:24px}
.tss-post{margin:0!important}
.tss-post .wp-block-post-featured-image{margin:0 0 14px;background:var(--tss-paper2)}
.tss-post .wp-block-post-featured-image img{aspect-ratio:3/2;object-fit:cover}
.tss-cat a{font:600 12px var(--tss-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--tss-green);text-decoration:none}
.tss-post h3{font:600 22px/1.25 var(--tss-display);margin:6px 0 0}
.tss-post h3 a{color:var(--tss-ink);text-decoration:none}
.tss-post h3 a:hover{color:var(--tss-green)}

/* Short answer box */
.tss-answer{background:#fff;border:1px solid var(--tss-line);border-left:3px solid var(--tss-green);padding:22px 26px;margin:0 0 28px}
.tss-answer p{margin:0}
.tss-answer .tss-answer-label{font:600 12px/1.2 var(--tss-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tss-green);margin:0 0 8px}

/* Footer */
.tss-footer{background:var(--tss-ink);color:#d9d3c7;padding:56px 0 32px;font:15px/1.6 var(--tss-ui);margin-top:64px}
.tss-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.tss-foot-name{font:600 24px/1.2 var(--tss-display)!important;color:#fff;margin:0!important;opacity:1!important}
.tss-footer p{margin:12px 0 0;opacity:.85}
.tss-footer h4{font:600 12px var(--tss-ui);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.tss-footer a{display:block;color:#d9d3c7;text-decoration:none;margin:5px 0}
.tss-footer a:hover{color:#fff}
.tss-copy{border-top:1px solid rgba(255,255,255,.15);margin-top:40px!important;padding-top:16px;font-size:13px;opacity:.7}

/* Related articles: hide the section until the topic has another published article */
.ts-same-topic:not(:has(.wp-block-post)){display:none}

@media (max-width:900px){
.tss-hero{padding:48px 0 36px}
.tss-hero-grid,.tss-books-grid,.tss-guides{grid-template-columns:1fr;gap:32px}
.tss-latest .wp-block-post-template{grid-template-columns:1fr!important}
.tss-foot-grid{grid-template-columns:1fr 1fr}
.tss-foot-grid>div:first-child{grid-column:1/-1}
.tss-section,.tss-books{padding:48px 0}
}
@media (max-width:600px){
.tss-wrap,.tss-news form{padding-inline:16px}
.tss-header-in{padding-block:12px}
.tss-nav{gap:14px;font-size:14px;flex-wrap:wrap}
.tss-nav a[href="/books/"],.tss-nav a[href="/about/"]{display:none}
.tss-brand{font-size:21px}
.tss-spine{width:130px}.tss-spine strong{font-size:21px}
}
.ts-updated{display:none}
.wp-block-post-content .wp-block-quote{border-left:3px solid var(--tss-terra);padding:4px 0 4px 22px;margin:28px 0}
.wp-block-post-content .wp-block-quote p{font:italic 400 24px/1.45 var(--tss-display);color:var(--tss-ink)}

@media (max-width:600px){.tss-mark{width:32px;height:32px}.tss-brand{gap:9px}}