/*
Theme Name: Dine Options
Theme URI: https://dineoptions.com/
Author: JK Web Service
Description: Lightweight block theme for Dine Options: eating out with dietary needs, made calmer. Self-hosted Nunito and Nunito Sans fonts, no JavaScript, no external requests.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dine-options-calm
Tags: blog, block-patterns, full-site-editing, one-column, wide-blocks
*/
/* shared structure */
*,*::before,*::after{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:2px}
.site-main{padding-block:var(--wp--preset--spacing--50)}
.site-header .wp-block-navigation a{text-decoration:none}
.wp-block-post-featured-image{margin-block:0}
.wp-block-post-featured-image img{display:block;width:100%;height:auto}
.entry-content > *{max-width:var(--wp--style--global--content-size)}
.entry-content h2{margin-top:2.2em}
.entry-content h3{margin-top:1.6em}
.entry-content figure.wp-block-image{margin-block:2em}
.entry-content figure.wp-block-image img{width:100%;height:auto}
.wp-element-caption,.featured-credit{font-size:.8125rem;color:var(--wp--preset--color--muted);margin-top:.5em}
.featured-credit{max-width:var(--wp--style--global--content-size);margin-inline:auto;padding-inline:var(--wp--preset--spacing--30)}
.wp-element-caption a,.featured-credit a{color:inherit}
.wp-block-post-featured-image .featured-credit a{display:inline;height:auto}
.wp-block-table{overflow-x:auto;margin-block:2em}
.wp-block-table table{border-collapse:collapse;width:100%;font-size:.95em}
.wp-block-table th,.wp-block-table td{border:1px solid var(--wp--preset--color--line);padding:.6em .75em;text-align:left;vertical-align:top}
.wp-block-table thead th{background:var(--wp--preset--color--surface-alt)}
.key-takeaways{padding:1.25em 1.5em;margin-block:2em}
.key-takeaways__title{margin:0 0 .5em;font-family:var(--wp--preset--font-family--heading)}
.key-takeaways ul{margin:0;padding-left:1.2em}
.key-takeaways li+li{margin-top:.35em}
.byline{gap:.25em .9em;font-size:.9rem;color:var(--wp--preset--color--muted)}
.byline-author::before{content:"By "}
.author-box{margin-top:3em;padding:1.5em;border-top:1px solid var(--wp--preset--color--line)}
.author-box__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:0;color:var(--wp--preset--color--muted)}
.author-box__name{font-family:var(--wp--preset--font-family--heading);font-size:1.2rem;margin:.2em 0}
.author-box__bio{margin:0}
.related{margin-top:3em}
.related .wp-block-post-template{row-gap:1.5rem}
.wp-block-post-title a{text-decoration:none;color:inherit}
.wp-block-post-title a:hover{text-decoration:underline}
.wp-block-post-excerpt__more-text{display:none}
.wp-block-post-excerpt{margin-top:.4em}
.wp-block-post-excerpt p{margin:0}
.wp-block-post-terms a{text-decoration:none}
.wp-block-query-pagination{margin-top:2.5em}
.archive-header{margin-bottom:2em}
.archive-description{color:var(--wp--preset--color--muted)}
.footer-links a{margin-right:1.1em;display:inline-block}
.site-footer{margin-top:4em}
@media (max-width:600px){.footer-links a{margin:.2em .9em .2em 0}}

body{background:var(--wp--preset--color--base)}
.header-inner{padding-top:1.2rem}
.header-pill{background:#fff;border-radius:999px;padding:.8rem 1.6rem;box-shadow:0 2px 14px rgba(38,51,43,.07);gap:.6rem;max-width:1120px!important}
.logo{font-family:var(--wp--preset--font-family--heading);font-weight:800;font-size:1.45rem;margin:0}
.logo a{color:var(--wp--preset--color--accent);text-decoration:none}
.primary-nav{font-size:.92rem;font-weight:600;gap:.2rem 1rem}
.primary-nav a{color:var(--wp--preset--color--contrast)}
@media (max-width:700px){.header-pill{border-radius:24px}}
.home-intro{text-align:center;padding-block:2rem 1rem}
.home-title{font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:800;line-height:1.15}
.home-sub{color:var(--wp--preset--color--muted);font-size:1.1rem}
.section-label{font-size:1.25rem;font-weight:800;margin:2.2rem 0 1rem;color:var(--wp--preset--color--accent)}
.wp-block-post-template{row-gap:1.5rem}
.card--calm{background:#fff;border-radius:20px;overflow:hidden;height:100%;box-shadow:0 2px 12px rgba(38,51,43,.06)}
.card--calm .card__body{padding:1.1rem 1.3rem 1.4rem}
.chip{margin:0}
.chip a{display:inline-block;background:var(--wp--preset--color--accent-2);color:#23402F;border-radius:999px;font-size:.75rem;font-weight:700;padding:.2rem .7rem}
.card--calm .wp-block-post-title{font-size:1.25rem;font-weight:800;line-height:1.25;margin:.55rem 0 .2rem}
.paper{background:#fff;border-radius:28px;padding:clamp(1.2rem,4vw,3rem) clamp(1rem,4vw,2.5rem);max-width:min(100%,900px)!important}
.paper .entry-image img{border-radius:18px}
.entry-header{text-align:left}
.kicker a{display:inline-block;background:var(--wp--preset--color--accent-2);color:#23402F;border-radius:999px;font-size:.8rem;font-weight:700;padding:.25rem .8rem}
.entry-title{font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:800;line-height:1.15;margin:.6rem 0 .6rem}
.key-takeaways{background:#F1F6EF;border-radius:18px;border:1px solid var(--wp--preset--color--line)}
.author-box{background:#fff;border-radius:20px;border:0}
.wp-block-table table{border-radius:12px;overflow:hidden}
.site-footer{background:#E1E9DD;padding-block:2.4rem;border-radius:32px 32px 0 0}
.footer-name{font-family:var(--wp--preset--font-family--heading);font-weight:800;color:var(--wp--preset--color--accent)}
.wp-block-search__input{border-radius:999px;border:1px solid var(--wp--preset--color--line);padding:.6rem 1rem}
.wp-block-search__button{border-radius:999px;background:var(--wp--preset--color--accent);color:#fff;border:0;padding:.6rem 1.2rem}
