/*
Theme Name: Dining Option
Theme URI: https://diningoption.com/
Author: JK Web Service
Description: Lightweight block theme for Dining Option: practical guidance on choosing where and how to eat out. Self-hosted Playfair Display and Source Sans 3 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: dining-option-editorial
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)}
.masthead{text-align:center;padding-top:2.2rem;padding-bottom:1rem}
.masthead__title{font-family:var(--wp--preset--font-family--heading);font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700;letter-spacing:-.01em;margin:0}
.masthead__title a{color:var(--wp--preset--color--contrast);text-decoration:none}
.masthead__tagline{font-style:italic;color:var(--wp--preset--color--muted);margin:.3rem 0 0}
.navrow{border-top:1px solid var(--wp--preset--color--contrast);border-bottom:1px solid var(--wp--preset--color--line);padding-block:.6rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
.navrow a{color:var(--wp--preset--color--accent)}
.home-intro .home-title{font-size:1.1rem;font-family:var(--wp--preset--font-family--body);font-weight:400;text-align:center;color:var(--wp--preset--color--muted);margin:0 0 2rem}
.featured-row{display:grid;grid-template-columns:1fr;gap:2rem;border-bottom:1px solid var(--wp--preset--color--line);padding-bottom:2.5rem}
@media (min-width:860px){.featured-row{grid-template-columns:2fr 1fr}.side-query .wp-block-post-template{display:grid;row-gap:1.6rem}}
.side-query .card--editorial{border-left:1px solid var(--wp--preset--color--line);padding-left:1.4rem}
.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;margin-top:.9rem}
.kicker a{color:var(--wp--preset--color--accent)}
.card .wp-block-post-title{font-weight:600;line-height:1.2;margin:.35rem 0 0}
.card--lead .wp-block-post-title{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.card--editorial .wp-block-post-title{font-size:1.35rem}
.card-date{font-size:.8rem;color:var(--wp--preset--color--muted);margin-top:.6rem}
.section-label{font-size:.8rem;font-family:var(--wp--preset--font-family--body);text-transform:uppercase;letter-spacing:.16em;border-bottom:2px solid var(--wp--preset--color--contrast);padding-bottom:.4rem;margin:2.5rem 0 1.6rem}
.latest .wp-block-post-template{row-gap:2.4rem}
.entry-header{text-align:center}
.entry-header .byline{justify-content:center}
.entry-title{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;margin:.4rem 0 .8rem}
.entry-image{margin-top:2rem!important}
.key-takeaways{background:#F3EEE2;border-left:4px solid var(--wp--preset--color--accent)}
.entry-content{font-size:var(--wp--preset--font-size--medium)}
.site-footer{border-top:1px solid var(--wp--preset--color--contrast);padding-block:2.4rem;text-align:center;font-size:.9rem}
.footer-name{font-family:var(--wp--preset--font-family--heading);font-weight:700;font-size:1.1rem}