/* 漢一「裝潢費用試算」詳細版頁 — 只放這一頁專用的規則；共用樣式在 style.css、頁首與選單在 about.css（都不改）。
   試算器本體（.h1c-）樣式在 han1-calculator/css/han1-calc.css；色票變數與觸控尺寸的覆寫在 style.css（:is(#tools,.h1c-page)）。
   版型語彙沿用首頁／常見問題頁：深底、細分隔線、金色重點、直角手風琴。 */

/* ---------- 頁首區：麵包屑＋標題＋前言 ---------- */
.h1c-page{padding-top:72px;padding-bottom:110px}
.h1c-breadcrumb{font-size:14px;line-height:1.7;color:var(--note);margin-bottom:22px}
.h1c-breadcrumb a{color:var(--brick);text-decoration:underline;text-decoration-color:var(--brick);text-decoration-thickness:2px;text-underline-offset:4px}
.h1c-page h1{max-width:20em;margin-bottom:28px}
.h1c-lead{font-size:18px;line-height:1.85;max-width:40em;color:var(--ink-2)}

/* ---------- 內容區塊：標題、段落、清單（行寬約四十字） ---------- */
.h1c-page section{margin-top:90px}
.h1c-page section > h2{margin-bottom:24px}
.h1c-page section > p{max-width:40em;font-size:16px;line-height:1.85}
.h1c-page section > p + p{margin-top:12px}
.h1c-page section p a:not(.btn){color:var(--brick);text-decoration:underline;text-decoration-color:var(--brick);text-decoration-thickness:2px;text-underline-offset:4px}
.h1c-page ol{max-width:40em;padding-left:1.5em;display:grid;gap:14px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.h1c-page ol strong{color:var(--navy);font-weight:600}
.h1c-page #calc-title ~ [data-han1-calc],.h1c-page .h1c-price-wrap{max-width:960px}

/* ---------- 常見問題手風琴：沿用首頁 .faq-q／.faq-a 的外觀（分隔線、18px 粗體問句、方框＋號） ---------- */
.h1c-faq-item{max-width:800px;border-bottom:1px solid var(--line)}
.h1c-faq-item:first-of-type{border-top:1px solid var(--line)}
.h1c-faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:18px;font-weight:600;color:var(--navy);cursor:pointer;min-height:44px}
.h1c-faq-item summary::-webkit-details-marker{display:none}
.h1c-faq-item summary::after{content:"+";flex:none;width:28px;height:28px;border:1px solid var(--navy);display:grid;place-items:center;font-size:16px;font-weight:400;transition:background .2s,color .2s}
.h1c-faq-item[open] summary::after{content:"×";background:var(--brick);border-color:var(--brick);color:var(--navy-3)}
.h1c-faq-item summary:focus-visible{outline:2px solid var(--brick);outline-offset:2px}
.h1c-faq-a p{padding:0 50px 26px 0;font-size:15px;line-height:1.8}
.h1c-faq-a a{color:var(--brick);text-decoration:underline;text-decoration-color:var(--brick);text-decoration-thickness:2px;text-underline-offset:4px}

/* 數字選擇器（房／衛 ＋－）：元件原 36px，補到觸控 44px */
.h1c-page .h1c-stepper button{width:44px;height:44px}

/* ---------- 收尾：LINE 按鈕與頁首／頁尾同一個 .btn.cta-line，只補觸控高度 ---------- */
.h1c-page .cta-line{min-height:44px;margin-top:8px}

/* ---------- 平板／手機 ---------- */
@media (max-width:820px){
  .h1c-page{padding-top:56px;padding-bottom:80px}
  .h1c-page section{margin-top:64px}
}
@media (max-width:560px){
  .h1c-lead{font-size:16px}
  .h1c-faq-item summary{font-size:16px}
  .h1c-faq-a p{padding-right:0}
}

/* ---------- 78：封面照 case-002（規則抄自 case-002.html 內嵌 <style> 的 002 段；結構與 class 同 case-002） ---------- */
.cv-hero-wide .cv-hero-media{grid-template-columns:minmax(0,1fr)}
@media (min-width:1500px){.cv-hero-wide .cv-hero-media{grid-template-columns:minmax(0,1fr);height:clamp(560px,min(100svh,66.7vw),980px)}}
@media (max-width:560px){.cv-hero-wide .cv-hero-media .cv-hp{aspect-ratio:4/3}}
.cv-cap .h1c-breadcrumb{margin-bottom:22px;color:#fff}
.cv-cap .h1c-breadcrumb a{color:#fff;text-decoration-color:#fff}
.cv-cap .cv-cap-row{margin-top:40px}
@media (max-width:560px){
  .cv-cap .h1c-breadcrumb{color:var(--note)}
  .cv-cap .h1c-breadcrumb a{color:var(--brick);text-decoration-color:var(--brick)}
}

/* ---------- 79：橫幅以下改 case-002 排法（左標題／右內容；規則對照 case-v2.css 的 .cv-faq／.cv-data） ---------- */
.h1c-page{padding-top:0;padding-bottom:0}
.h1c-page > section.cc-sec{margin-top:0}
.cc-l{grid-column:1 / 6}
.cc-r{grid-column:7 / 13;min-width:0}
.cc-l h2{margin-bottom:24px;font-size:28px;line-height:1.4;letter-spacing:0;color:var(--navy)}
.cc-l p{max-width:40em;font-size:16px;line-height:1.85}
.cc-r > p{max-width:40em;font-size:16px;line-height:1.85}
.cc-r > p + p{margin-top:12px}
.cc-r p a:not(.btn){color:var(--brick);text-decoration:underline;text-decoration-color:var(--brick);text-decoration-thickness:2px;text-underline-offset:4px}
.cc-r .h1c-faq-item{max-width:none}
.cc-r [data-han1-calc],.cc-r .h1c-price-wrap{max-width:none}
@media (max-width:1100px){
  .cc-l,.cc-r{grid-column:1 / -1}
  .cc-l p:last-child{margin-bottom:24px}
}