/* Homeground（住家地址）：測量圖紙。米白紙、深青綠墨、磚紅只標重點；等高線當紋理，段落用圖例字母編號。 */
:root{
  --paper:#f6f2e8;--paper-hi:#fffdf8;--ink:#17302f;--ink-2:#2f4947;--sub:#5f716e;
  --line:rgba(23,48,47,.18);--hair:rgba(23,48,47,.09);
  --zhu:#c8552b;--zhu-lite:#f0a37f;--gold:#8b6914;--cream:#f6f2e8;--ok:#2f7a4f;
  --teal:#1c4a47;
  --topo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='360' viewBox='0 0 520 360'%3E%3Cg fill='none' stroke='%231c4a47' stroke-opacity='.11' stroke-width='1.1'%3E%3Cpath d='M-20 70c70-50 150-40 210 0s150 50 230 0 110-50 130-30'/%3E%3Cpath d='M-20 120c80-60 160-40 220 10s140 50 220 0 100-40 130-20'/%3E%3Cpath d='M-20 175c90-60 170-30 230 20s130 40 210-10 100-30 130-10'/%3E%3Cpath d='M-20 235c100-50 180-20 240 20s120 30 200-20 100-20 130 0'/%3E%3Cpath d='M-20 295c110-40 190-10 250 20s110 20 190-20 100-10 130 10'/%3E%3Cpath d='M150 150c30-22 70-22 96 0s20 52-10 66-70 10-90-10-20-38 4-56z'/%3E%3Cpath d='M172 166c18-12 40-12 54 0s10 30-6 38-40 6-52-6-10-22 4-32z'/%3E%3C/g%3E%3C/svg%3E");
}
body{font-family:"Public Sans",system-ui,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--paper);background-image:none}
h1,h2,h3,.brand{font-family:Fraunces,Georgia,serif;color:var(--ink)}
a{color:var(--teal);text-decoration-color:var(--zhu)}
.wrap{max-width:860px}
.in{max-width:1000px;margin:0 auto;padding:0 20px}

.sitebar{padding:18px 0 16px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.brand{font-size:23px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.sitenav a{font:500 14.5px "Public Sans",sans-serif;color:var(--sub)}
.sitenav a:hover,.sitenav a.on{color:var(--zhu)}

.kicker{font:600 13px "Public Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--zhu);margin:0 0 10px}
h1{font-size:clamp(32px,5.2vw,48px);line-height:1.08;font-weight:600;letter-spacing:-.02em;margin:0 0 12px;overflow-wrap:anywhere}
.sub{font-size:18px;color:var(--ink-2);max-width:62ch}
h2{font-size:25px;font-weight:600;letter-spacing:-.01em}

.card{background:var(--paper-hi);border:1px solid var(--line);border-radius:6px;box-shadow:none}
.form label{font:600 12.5px "Public Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}
.form input,.form select,input,select{background:#fff;border:1.5px solid var(--line);border-radius:4px;font-family:"Public Sans",sans-serif;color:var(--ink)}
.form input:focus,.form select:focus,input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(28,74,71,.16)}
.btn{background:var(--teal);color:#fffdf8;border-radius:4px;font:600 16px "Public Sans",sans-serif;padding:12px 22px;border:1.5px solid var(--teal)}
.btn:hover{background:var(--zhu);border-color:var(--zhu)}
.btn.ghost{background:transparent;color:var(--teal);border:1.5px solid var(--teal)}
.btn.ghost:hover{background:var(--teal);color:#fffdf8;border-color:var(--teal)}
.eg{font-family:"Public Sans",sans-serif}
.eg button{color:var(--teal);text-decoration-color:var(--zhu)}

/* 答案：圖紙上的標題欄。深青綠底，等高線紋理 */
.answer{background-color:var(--teal);color:#e6ece9;border-radius:6px;box-shadow:none;padding:24px 28px 26px}
.answer .q{color:#f0a37f;font:600 12.5px "Public Sans",sans-serif;letter-spacing:.14em}
.answer .a{font-family:Fraunces,Georgia,serif;font-weight:600;color:#fffdf8;font-size:clamp(32px,5.4vw,50px);letter-spacing:-.02em}
.answer .a b{color:#ffd9a8;font-weight:700}
.answer .why{color:#cfdcd8;font-size:16px}
.answer .why b{color:#fffdf8}
.answer .why a{color:#ffd9a8}
.answer th,.answer td{color:#cfdcd8;border-bottom-color:rgba(255,253,248,.18)}
.answer .note{color:#a9bdb8}
.answer.soft{background:var(--paper-hi);color:var(--ink);border:1px solid var(--line);border-left:5px solid var(--ok)}
.answer.soft .q{color:var(--sub)}
.answer.soft .a,.answer.soft .a b{color:var(--teal)}
.answer.soft .why{color:var(--ink-2)}
.answer.soft .why b{color:var(--ink)}
.answer.soft .why a{color:var(--teal)}
.warn{background:#fbeee6;border-left:4px solid var(--zhu);border-radius:4px}
.good{background:#e9f2ea;border-left:4px solid var(--ok);border-radius:4px}
.items li{background:var(--paper-hi);border:1px solid var(--line);border-radius:6px}
.items li h3{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:19px}
.tag{background:rgba(23,48,47,.08);color:var(--ink-2);border-radius:3px}
.tag.hot{background:#f6d9cb;color:#9a3a16}
.tag.ok{background:#d9eadc;color:#1f5e3a}
.bars .b{background:var(--hair)}
.bars .b i{background:var(--teal)}
th{color:var(--sub)}
.sitefoot{font-family:"Public Sans",sans-serif}

/* ── 首頁 ── */
.home .sitebar{border-bottom:0;margin-bottom:0}
.hero{background-image:var(--topo);background-size:620px;padding:46px 0 70px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(40px,7.4vw,84px);line-height:.98;max-width:13ch;margin-bottom:18px}
.hero .lede{font-size:20px;line-height:1.55;color:var(--ink-2);max-width:54ch;margin:0 0 30px}
.addr label{display:block;font:600 12.5px "Public Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin-bottom:8px}
.addr-row{display:flex;gap:0;max-width:760px;background:#fff;border:2px solid var(--teal);border-radius:6px;box-shadow:6px 6px 0 rgba(28,74,71,.14)}
.addr-row input{flex:1;min-width:0;border:0;background:transparent;font-size:18px;padding:16px 18px;border-radius:4px 0 0 4px}
.addr-row input:focus{box-shadow:none;outline:none}
.addr-row:focus-within{box-shadow:6px 6px 0 rgba(200,85,43,.3)}
.addr-row .btn{border-radius:0 3px 3px 0;white-space:nowrap;font-size:17px;padding:0 26px}
.addr .eg{margin-top:12px;font-size:14px;color:var(--sub)}
#err{color:#9a3a16;font:500 15px "Public Sans",sans-serif;margin:8px 0 0;min-height:1.2em}
.legend{padding:60px 0 30px}
.legend h2{font-size:clamp(26px,3.6vw,36px);margin:0 0 24px;display:block}
.legend-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.legend-list li{border-bottom:1px solid var(--line)}
.legend-list li:nth-child(odd){border-right:1px solid var(--line)}
.legend-list a{display:grid;grid-template-columns:44px 1fr;gap:2px 16px;padding:22px 22px 22px 4px;text-decoration:none;color:var(--ink);height:100%}
.legend-list li:nth-child(even) a{padding-left:24px}
.legend-list .k{grid-row:1/3;width:44px;height:44px;border:1.5px solid var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 20px Fraunces,serif;color:var(--teal);background:var(--paper-hi)}
.legend-list b{font:600 21px Fraunces,Georgia,serif;align-self:end}
.legend-list a span:last-child{font-size:15.5px;color:var(--ink-2);line-height:1.55}
.legend-list a:hover .k{background:var(--zhu);border-color:var(--zhu);color:#fff}
.legend-list a:hover b{color:var(--zhu)}
.more{padding:30px 0 20px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tile{display:block;background:var(--paper-hi);border:1px solid var(--line);border-radius:6px;padding:22px 24px;text-decoration:none;color:var(--ink)}
.tile:hover{border-color:var(--zhu)}
.tile h3{font-size:23px;margin:8px 0 6px;font-weight:600}
.tile p{margin:0;font-size:15.5px;color:var(--ink-2)}
.tag2{font:600 12px "Public Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--zhu)}
@media(max-width:720px){.legend-list,.two{grid-template-columns:1fr}.legend-list li:nth-child(odd){border-right:0}.legend-list li:nth-child(even) a{padding-left:4px}.addr-row{flex-direction:column;box-shadow:4px 4px 0 rgba(28,74,71,.14)}.addr-row input{padding:14px}.addr-row .btn{border-radius:0 0 3px 3px;padding:14px;width:100%}.hero{padding:26px 0 48px}}

/* ── 地址報告 ── */
.page-report .addr{margin:18px 0 6px}
.page-report .addr-row{max-width:none}
.dz{background:var(--paper-hi);border:1px solid var(--line);border-radius:6px;padding:20px 22px 22px;margin:22px 0}
.dz-n{width:38px;height:38px;border:1.5px solid var(--teal);background:var(--paper-hi);color:var(--teal);font:600 18px Fraunces,serif}
.dz h2{font-size:24px}
.dz-t p,.dz-open,.dz-skip{font-family:"Public Sans",sans-serif}
.dz-skip{padding-left:50px}
#worth .form{margin-top:12px}