/*
Theme Name: Restaurant Option
Theme URI: https://restaurantoption.com/
Author: JK Web Service
Description: Lightweight block theme for Restaurant Option: practical notes for small food businesses and side hustles. Self-hosted IBM Plex Sans and IBM Plex Mono 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: restaurant-option-practical
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)}
.site-header{background:var(--wp--preset--color--header-bg);color:var(--wp--preset--color--header-fg)}
.header-inner{padding-block:1rem .2rem;max-width:1200px!important}
.brand{gap:.3rem 1rem}
.logo{font-weight:700;font-size:1.5rem;margin:0;letter-spacing:-.01em}
.logo a{color:#fff;text-decoration:none}
.tagline{font-family:var(--wp--preset--font-family--mono);font-size:.78rem;color:#C7D2E0;margin:0}
.tagline::before{content:"// "}
.primary-nav{font-family:var(--wp--preset--font-family--mono);font-size:.82rem;gap:0;border-top:1px solid #23466F;margin-top:.8rem!important;padding-top:.2rem}
.primary-nav a{color:#E2E8F0;padding:.5rem .9rem .5rem 0;display:inline-block}
.primary-nav a:hover{color:#5EEAD4}
.home-intro{border-bottom:1px solid var(--wp--preset--color--line);padding-bottom:1.5rem}
.home-title{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:700;line-height:1.2;max-width:30ch;margin:0}
.home-sub{color:var(--wp--preset--color--muted);max-width:70ch}
.section-label{font-family:var(--wp--preset--font-family--mono);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--wp--preset--color--muted);margin:2rem 0 .8rem}
.section-label::before{content:"## "}
.boxes .wp-block-post-template{row-gap:1rem}
.box{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-top:3px solid var(--wp--preset--color--header-bg);padding:1rem 1.1rem;height:100%}
.box::before{content:"01";font-family:var(--wp--preset--font-family--mono);font-size:.8rem;color:var(--wp--preset--color--accent)}
li:nth-child(2) .box::before{content:"02"}
li:nth-child(3) .box::before{content:"03"}
.box .wp-block-post-title{font-size:1.1rem;line-height:1.3;margin:.3rem 0}
.box .wp-block-post-excerpt{font-size:.92rem;color:var(--wp--preset--color--muted)}
.tag{font-family:var(--wp--preset--font-family--mono);font-size:.74rem;text-transform:lowercase;margin:0}
.tag a{color:var(--wp--preset--color--accent)}
.tag a::before{content:"#"}
.rows .wp-block-post-template{border-top:1px solid var(--wp--preset--color--line)}
.row{display:grid!important;grid-template-columns:7.5rem 1fr 4.5rem;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--wp--preset--color--line);align-items:start}
.row-date{font-family:var(--wp--preset--font-family--mono);font-size:.78rem;color:var(--wp--preset--color--muted);margin:.25rem 0 0}
.row .wp-block-post-title{font-size:1.15rem;line-height:1.3;margin:.15rem 0}
.row .wp-block-post-excerpt{font-size:.93rem;color:var(--wp--preset--color--muted)}
.row .wp-block-post-featured-image img{border-radius:2px}
@media (max-width:640px){.row{grid-template-columns:1fr 4rem}.row-date{grid-column:1/-1}}
.entry-header{border-bottom:1px solid var(--wp--preset--color--line);padding-bottom:1rem}
.kicker{font-family:var(--wp--preset--font-family--mono);font-size:.8rem}
.kicker a{color:var(--wp--preset--color--accent)}
.kicker a::before{content:"#"}
.entry-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.15;margin:.3rem 0 .6rem;max-width:30ch}
.byline{font-family:var(--wp--preset--font-family--mono);font-size:.8rem}
.entry-image{margin-top:1.5rem!important}
.entry-content h2{font-size:1.5rem;border-left:4px solid var(--wp--preset--color--accent);padding-left:.7rem}
.key-takeaways{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line)}
.key-takeaways__title{font-family:var(--wp--preset--font-family--mono)!important;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.key-takeaways li::marker{content:"[x] ";font-family:var(--wp--preset--font-family--mono);color:var(--wp--preset--color--accent)}
.wp-block-table thead th{background:var(--wp--preset--color--header-bg);color:#fff;font-weight:600}
.wp-block-table td:first-child{font-weight:600}
.author-box{background:var(--wp--preset--color--surface)}
.site-footer{background:var(--wp--preset--color--header-bg);color:#CBD5E1;padding-block:2rem;font-size:.9rem}
.site-footer a{color:#fff;font-family:var(--wp--preset--font-family--mono);font-size:.82rem}
.footer-name{font-weight:700;color:#fff}
.wp-block-search__button{background:var(--wp--preset--color--header-bg);color:#fff;border:0;border-radius:2px}