/*
Theme Name: Japanese Kitchen Notes
Author: Hiro
Description: Warm editorial kitchen guides and genuine ownership notes.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: japanese-kitchen-notes
*/
:root{--ink:#182822;--cream:#f8f3e8;--orange:#be481f;--line:#d4d5c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--cream);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e89a47;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:9;background:white}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 5vw;background:var(--cream)}.brand{font:25px/1.05 Georgia,serif;text-decoration:none;letter-spacing:-.025em}.brand span{display:block;font:9px system-ui;letter-spacing:.22em;margin-top:9px}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}.navcta{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:6px}.hero{position:relative;min-height:700px;background:var(--ink);color:white;isolation:isolate}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,22,16,.85),rgba(10,22,16,.3) 55%,transparent);z-index:-1}.herocopy{padding:55px 7vw 90px;max-width:740px}.kicker{font-size:11px;font-weight:700;letter-spacing:.17em}.hero h1{font:clamp(65px,7.2vw,106px)/.98 Georgia,serif;letter-spacing:-.045em;margin:28px 0}.hero h1 em{font-weight:normal;color:#f0d1a7}.herocopy>p:not(.kicker){max-width:360px;color:#e9e7de;font-size:16px}.btn{display:inline-flex;gap:42px;align-items:center;background:var(--orange);color:white;padding:16px 25px;text-decoration:none;font-weight:600;font-size:14px;margin-top:18px;border-radius:2px;box-shadow:0 6px 20px #0002;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.chapter{position:absolute;right:5vw;bottom:-35px;background:#eccb9a;color:var(--ink);padding:26px 32px;width:310px;text-decoration:none;box-shadow:0 20px 40px #17271d20}.chapter span{display:block;font-size:10px;letter-spacing:.08em}.chapter strong{display:block;font:28px/1.15 Georgia;margin:12px 0 20px}.imagecredit{position:absolute;right:20px;top:15px;font-size:10px;color:#fff;background:#14231bd0;padding:5px 9px}.ribbon{padding:28px 7vw;background:var(--ink);color:#d9dbc9;display:flex;gap:45px;font-size:12px;letter-spacing:.05em}.section{max-width:1300px;padding:100px 6vw;margin:auto}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.sectionhead>p{max-width:330px;font-size:15px;color:#526155}h2{font:clamp(39px,4.6vw,64px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:15px 0}h3{font:40px/1.1 Georgia,serif;margin:14px 0}h4{font-size:13px;margin:20px 0 3px}.modelbuttons{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.modelbuttons button,.pillbuttons button{border:1px solid #849186;border-radius:30px;background:transparent;padding:10px 20px;font-size:13px;color:var(--ink)}button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.modelbuttons a{margin-left:auto;font-size:12px}.showroom{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;margin-top:30px;align-items:center}.productstage{position:relative;background:#e9eadf;border-radius:4px;padding:25px;text-align:center;overflow:hidden}.productstage>span{display:block;text-align:left;font-size:10px;letter-spacing:.17em}.productstage img{display:block;width:100%;height:370px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 24px 12px #17271d18);transition:transform .35s}.productstage:hover img{transform:scale(1.045)}.productstage p{font-size:10px}.productstory>p{font-size:15px}.specrow{display:flex;border-block:1px solid var(--line);gap:25px;padding:15px 0}.specrow strong{font:25px Georgia;display:block}.specrow span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.storychecks p{font-size:14px;margin:4px 0 20px}.fine{font-size:11px!important;line-height:1.7;color:#59655b}.textlink{display:inline-block;font-size:13px;font-weight:600;margin:12px 0}.planner{max-width:none;background:#dbe2d2;display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-inline:10vw}.planner>div>p{max-width:380px}.planpanel{background:var(--cream);padding:30px;border-radius:4px;box-shadow:0 15px 40px #17271d12}.planpanel label{display:block;font-size:12px;font-weight:700;margin:4px 0 8px}.planpanel select{width:100%;padding:12px;background:white;border:1px solid #879281;margin-bottom:18px;color:var(--ink);border-radius:2px}#planresult{border-top:1px solid var(--line);padding-top:12px;font-size:14px}#planresult strong{font:25px Georgia}#planresult ul{padding-left:20px}.learnlayout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.layerart{padding:20px 10px}.layerart div{padding:20px 28px;border:1px solid #7e8e7c;background:#e2e7d9;transform:skewY(-6deg);margin-bottom:-5px;box-shadow:0 15px 20px #17271d0b;font-size:14px;letter-spacing:.12em}.layerart div:nth-child(2){background:#c4d1bd}.layerart div:nth-child(3){background:#95ad96}.layerart span{display:block;font-size:10px;letter-spacing:0}.pillbuttons{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#techtext{min-height:175px;font-size:15px}#techtext h3{font-size:33px}.owned{max-width:none;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-inline:10vw}.ownershipphoto{position:relative}.ownershipphoto img{width:100%;height:560px;object-fit:cover;border-radius:3px}.ownershipphoto span{position:absolute;bottom:15px;left:15px;font-size:9px;letter-spacing:.14em;background:var(--cream);color:var(--ink);padding:8px 12px}.owned button{color:var(--cream);border-color:#96a293}.owned button[aria-pressed=true]{background:#edc591;color:var(--ink)}.owned h3{font-size:28px}.owned p{font-size:14px}.owned aside{border-top:1px solid #6c7a6b;margin-top:25px;padding-top:22px}.owned aside p{font-size:12px;color:#c1cbbd}.comparegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.comparecard{padding:25px;background:#e9eadf;border-top:3px solid var(--orange)}.comparecard h3{font-size:26px}.comparecard dt{font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-top:14px}.comparecard dd{margin:0;font-size:14px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px}summary span{float:right}details p{font-size:14px;max-width:760px}footer{background:#e7e4d9;padding:50px 7vw}footer>p{font-size:13px} @media(max-width:760px){header{padding:20px;flex-wrap:wrap}header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px}.navcta{font-size:10px}.brand{font-size:21px}.hero{min-height:720px}.hero>img{object-position:65% center}.hero:before{background:linear-gradient(90deg,#0b1d15d9,#0b1d1533),linear-gradient(0deg,#0b1d15b0,transparent)}.herocopy{padding:35px 25px 200px}.hero h1{font-size:66px}.chapter{bottom:20px;right:20px;width:260px;padding:19px 24px}.chapter strong{font-size:24px;margin:9px 0 14px}.imagecredit{top:auto;bottom:0;font-size:8px}.ribbon{padding:20px;gap:15px;font-size:9px}.section{padding:65px 22px}.sectionhead{display:block}.sectionhead>p{max-width:100%;margin-top:24px}.modelbuttons{flex-wrap:wrap}.modelbuttons a{margin-left:0;width:100%;padding-top:8px}.showroom,.planner,.learnlayout,.owned{grid-template-columns:1fr;gap:30px}.productstage img{height:280px}.specrow{justify-content:space-between;gap:10px}.planpanel{padding:24px}.comparegrid{grid-template-columns:1fr}.ownershipphoto img{height:410px}.learnlayout{gap:45px}.owned{padding:55px 22px}.fine{font-size:11px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep a dark floor beneath the text even if the illustration changes. */
.hero:before{background:linear-gradient(90deg,rgba(10,22,16,.92) 0%,rgba(10,22,16,.80) 51%,rgba(10,22,16,.12) 76%,rgba(10,22,16,.04))}
@media(max-width:760px){.hero:before{background:rgba(10,22,16,.72)}}

.mobilecompare{display:none}@media(max-width:760px){body{padding-bottom:65px}.mobilecompare.visible{display:block;position:fixed;z-index:10;bottom:14px;left:20px;right:20px;text-align:center;background:var(--ink);color:var(--cream);padding:12px;border:1px solid #b4c1aa;border-radius:3px;font-size:13px;box-shadow:0 4px 18px #0003}}

.reading{max-width:1000px;margin:auto;padding:60px 5vw 90px}.reading>h1{font:clamp(42px,5.5vw,72px)/1.07 Georgia,serif;letter-spacing:-.035em;max-width:900px}.reading h2{font-size:clamp(30px,3.5vw,43px);margin-top:60px}.reading h3{font-size:29px;margin-top:32px}.reading>p,.reading>ul{max-width:760px}.articleintro{font:24px/1.5 Georgia,serif;max-width:780px!important}.article-nav{flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;margin:35px 0;font-size:13px}.note{padding:24px;background:#e3e8da;border-left:3px solid var(--orange);margin:30px 0}.note p{margin:10px 0}.factband{display:flex;flex-wrap:wrap;gap:35px;padding:30px;background:#e3e8da}.factband strong,.factband span{display:block}.factband strong{font:27px Georgia}.factband span{font-size:12px}.owner-number{text-align:center;align-self:center}.owner-number>span{font:clamp(110px,15vw,200px)/1 Georgia}.owner-number>p{letter-spacing:.16em;font-size:11px}.rice-mark{font:80px Georgia;color:#d6b880}.ownerlimit{color:#c1cbbd}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.featurelink{text-decoration:none;padding:30px 24px;background:#e8e9dd;border-top:3px solid var(--orange);transition:transform .2s}.featurelink:hover{transform:translateY(-4px)}.featurelink>span{font-size:11px;letter-spacing:.1em}.featurelink h3{font-size:32px}.featurelink p{font-size:15px}.featurelink b{font-size:12px}.intro{max-width:750px}.owner-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.owner-gallery figure{margin:0}.owner-gallery img{width:100%;height:340px;object-fit:cover}.owner-gallery figcaption{font-size:13px;margin-top:10px}.hero h1{font-size:clamp(52px,6vw,85px);max-width:620px}.herocopy{max-width:800px}.techguide{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0}.table-scroll{overflow-x:auto;margin:30px 0;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:690px;font-size:14px}caption{text-align:left;padding:16px;font-size:12px;background:#e3e8da}td,th{text-align:left;padding:16px;border-bottom:1px solid var(--line)}thead{background:#e3e8da}tbody th{font-weight:600}.spec-explorer{padding:25px;background:#e3e8da;margin:25px 0}.model-facts{display:grid;grid-template-columns:1fr 2fr;gap:10px;font-size:15px}.model-facts dt{font-weight:600}.model-facts dd{margin:0}.sources{font-size:14px;line-height:2}footer nav{flex-wrap:wrap;margin:25px 0}button:focus-visible,input:focus-visible,.table-scroll:focus-visible{outline:3px solid #be481f;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:760px){.featuregrid,.owner-gallery,.techguide{grid-template-columns:1fr}.reading{padding:35px 22px 60px}.hero h1{font-size:55px}.hero{min-height:760px}.herocopy{padding-top:30px}.herocopy>p:not(.kicker){max-width:320px}.owner-gallery img{height:400px}.article-nav{gap:18px;justify-content:flex-start}.model-facts{grid-template-columns:1fr}.model-facts dd{margin-bottom:12px}body{padding-bottom:0}.chapter{width:260px}.owned{gap:35px}.reading .techguide{gap:20px}.factband{gap:22px}.imagecredit{right:8px;max-width:95%;}.ribbon{flex-wrap:wrap}.wp-block-image img{max-width:100%;height:auto}}