.mochikomu-page{display:grid;gap:26px;color:#24322a}
.mochikomu-page h1,.mochikomu-page h2,.mochikomu-page h3,.mochikomu-page p{margin-top:0}
.mochi-hero,.mochi-section{border:1px solid #c8ddcc;border-radius:18px;background:#fff;box-shadow:0 7px 22px #174d2420}
.mochi-hero{position:relative;overflow:hidden;background:#075f2b}
.mochi-hero:after{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#064c29f2 0%,#076532df 43%,#0765327a 64%,transparent 84%);content:""}
.mochi-hero>img{display:block;width:100%;height:auto}
.mochi-hero-copy{position:absolute;inset:0;z-index:2;display:flex;width:min(67%,760px);padding:clamp(28px,4vw,52px);justify-content:center;flex-direction:column;color:#fff;text-shadow:0 2px 5px #003d2280}
.mochi-hero h1{margin:0 0 18px;color:#fff;font-size:clamp(30px,3.5vw,50px);line-height:1.2;white-space:nowrap}
.mochi-hero p{margin-bottom:16px;font-size:clamp(15px,1.5vw,19px);font-weight:700;line-height:1.9}
.mochi-hero strong{color:#ffd400;font-size:clamp(17px,1.7vw,22px)}
.mochi-section{padding:34px}
.mochi-title{display:flex;gap:18px;align-items:center;margin-bottom:28px;padding-bottom:18px;border-bottom:3px solid #169243}
.mochi-title>span{color:#159343;font-size:54px;font-weight:900;line-height:1}
.mochi-title small{color:#62806a;font-weight:800}
.mochi-title h2{margin:2px 0 0;color:#07662d;font-size:29px}
.mochi-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mochi-facts>div{padding:22px;border-radius:12px;background:#f3f8f2;text-align:center}
.mochi-facts small,.mochi-facts strong{display:block}
.mochi-facts strong{margin:6px 0;color:#0b8139;font-size:28px}
.mochi-facts p{margin:0;color:#56635a;line-height:1.6}
.mochi-note{margin:22px 0 0;padding:16px 18px;border-left:5px solid #f39800;background:#fff8e7;line-height:1.8}
.hours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hours-grid>div{padding:22px;border:1px solid #cfe0d1;border-radius:12px;text-align:center}
.hours-grid b,.hours-grid strong{display:block}
.hours-grid b{margin-bottom:8px;color:#087033}
.hours-grid strong{font-size:22px}
.hours-grid .closed{background:#fff4f2}
.hours-grid .closed strong{color:#cf3528}
.mochi-hours>p{margin:18px 0 0;text-align:center}
.mochi-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mochi-steps>div{position:relative;overflow:hidden;border:1px solid #d5e2d3;border-radius:14px;background:#f8fbf7}
.mochi-steps b{position:absolute;z-index:1;top:8px;left:10px;color:#087137;font-size:44px;line-height:1}
.mochi-steps img{width:100%;height:170px;object-fit:cover}
.mochi-steps h3,.mochi-steps p{padding:0 18px}
.mochi-steps h3{margin:16px 0 8px;color:#087033}
.mochi-steps p{line-height:1.7}
.access-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
.access-info{padding:24px;background:#f5f9f4;border-radius:12px}
.access-info h3{color:#086f33;line-height:1.65}
.access-info dl div{display:flex;border-bottom:1px solid #d5dfd4;padding:10px 0}
.access-info dt{width:90px;font-weight:800}
.access-info dd{margin:0}
.access-info a{color:#08733a}
.map-button{display:inline-block;margin-top:22px;padding:12px 20px;border-radius:8px;background:#168d42!important;color:#fff!important;font-weight:800}
.access-grid iframe{width:100%;height:390px;border:0;border-radius:12px}
.mochi-admin-content{line-height:1.8}
.mochi-admin-content>h2{color:#07662d;border-bottom:3px solid #169243;padding-bottom:12px}
@media(max-width:900px){
  .mochi-hero-copy{width:72%;padding:28px}
  .mochi-facts,.mochi-steps{grid-template-columns:repeat(2,1fr)}
  .access-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .mochikomu-page{gap:16px}
  .mochi-section{padding:20px 16px;border-radius:12px}
  .mochi-title{align-items:flex-start}
  .mochi-title>span{font-size:36px}
  .mochi-title h2{font-size:23px}
  .mochi-facts,.hours-grid,.mochi-steps{grid-template-columns:1fr}
  .mochi-hero{min-height:500px}
  .mochi-hero:after{background:linear-gradient(180deg,#064c29fa 0%,#076532e8 52%,#0765326e 75%,transparent)}
  .mochi-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
  .mochi-hero-copy{width:100%;padding:24px 22px;justify-content:flex-start}
  .mochi-hero h1{font-size:32px;white-space:normal}
  .mochi-hero p{font-size:15px;line-height:1.75}
  .mochi-hero strong{font-size:17px}
  .mochi-steps img{height:190px}
  .access-grid iframe{height:320px}
}