/* 2026-10-01 Happy Valley：單頁（取車方式、保險、加油、常見問題、隱私、條款）內文樣式。
   原本每一頁的內文開頭各自帶一份一樣的 <style>，搬到這裡由 tpl/newbie.php 載入；顏色由 css/palette.css 的 body .hv-doc 色票蓋過。
   目錄的樣式在 include/hv_toc.php（跟 Blog 共用）。 */
.hv-doc{--hv-main:#121247;--hv-blue:#003388;--hv-text:#343434;--hv-muted:#707070;--hv-line:#e4e4e4;--hv-bg:#f7f7f7;line-height:1.85;color:var(--hv-text)}

.hv-doc p{margin:0 0 1em}

.hv-doc ul,.hv-doc ol{margin:0 0 1em;padding-left:1.4em}
.hv-doc li{margin:.3em 0}

/* 10/1 起段落標題是 h2（目錄標題），h3 是目錄小標 */
.hv-doc h2{margin:2.2em 0 .8em;padding-left:12px;border-left:5px solid var(--hv-main);font-size:1.35em;line-height:1.4;font-weight:bold}
.hv-doc h3{margin:1.5em 0 .5em;font-size:1.12em;line-height:1.5;font-weight:bold;color:var(--hv-main)}

.hv-doc>h2:first-child,.hv-doc>.hv-hero+h2{margin-top:0}

.hv-doc h4{margin:1.4em 0 .4em;font-size:1.08em;color:var(--hv-main)}

.hv-doc a{color:var(--hv-blue)}

.hv-layout{display:flex;gap:30px;align-items:flex-start}

.hv-main{flex:1;min-width:0}

.hv-layout .hv-toc{position:sticky;top:120px;flex:0 0 260px;max-height:calc(100vh - 150px);overflow:auto;margin:0}

.hv-doc h2[id],.hv-doc h3[id],.hv-doc details[id]{scroll-margin-top:130px}

@media (max-width:900px){.hv-layout{display:block}
.hv-layout .hv-toc{position:static;max-height:none;margin:0 0 20px}
}

.hv-toc{background:var(--hv-bg);border:1px solid var(--hv-line);border-left:4px solid var(--hv-main);border-radius:10px;padding:16px 20px;margin:0 0 26px}

.hv-toc .t{font-weight:bold;font-size:1.1em;margin:0 0 8px;color:var(--hv-main)}

.hv-toc ol{margin:0;padding-left:1.8em}
.hv-toc li{margin:4px 0}
.hv-toc li::marker{color:var(--hv-main);font-weight:bold}

.hv-doc .hv-toc a,.hv-doc .hv-toc a:visited{color:var(--hv-text) !important;text-decoration:none}

.hv-doc .hv-toc a:hover{color:var(--hv-blue) !important;text-decoration:underline}

.hv-note{background:#fff8e1;border-left:4px solid #f0b400;border-radius:6px;padding:12px 16px;margin:1.2em 0}

.hv-cards{display:flex;flex-wrap:wrap;gap:16px;margin:1.2em 0}

.hv-card{flex:1 1 280px;border:1px solid var(--hv-line);border-radius:10px;padding:16px 20px;background:#fff}

.hv-card>h4:first-child,.hv-card>.hv-pill+h4{margin-top:.8em}

.hv-card p{margin:0 0 .5em}
.hv-card p:last-child{margin-bottom:0}

.hv-c h4{margin:0 0 .3em;font-size:.82em;letter-spacing:.08em;color:var(--hv-muted)}

.hv-c.hv-line{display:flex;align-items:center;justify-content:space-between;gap:18px}

.hv-c.hv-line .t{flex:1;min-width:0}
.hv-c.hv-line img{flex:0 0 112px;width:112px;height:auto;border-radius:6px}

.hv-doc .hv-pill{display:inline-block;background:var(--hv-main);color:#fff !important;border-radius:999px;padding:4px 16px;margin:0 0 .3em;font-weight:bold;font-size:.95em}

.hv-pills{margin:1em 0}
.hv-doc .hv-pills .hv-pill{margin:4px 8px 4px 0}

.hv-steps{margin:1em 0 1.4em}

.hv-step{position:relative;padding:0 0 1.4em 54px}

.hv-step::before{content:"";position:absolute;left:16px;top:36px;bottom:4px;width:2px;background:var(--hv-line)}

.hv-step:last-child{padding-bottom:0}
.hv-step:last-child::before{display:none}

.hv-step .n{position:absolute;left:0;top:0;width:34px;height:34px;line-height:34px;border-radius:50%;background:var(--hv-main);color:#fff !important;text-align:center;font-weight:bold}

.hv-step .b h4{margin:.35em 0 .5em}
.hv-step .b>*:last-child{margin-bottom:0}

.hv-qa{border:1px solid var(--hv-line);background:#fff}

.hv-qa+.hv-qa{margin-top:-1px}

.hv-qa>summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;padding:15px 18px;font-weight:bold;color:var(--hv-main);font-size:1.02em;line-height:1.5}

.hv-qa>summary::-webkit-details-marker{display:none}

.hv-qa>summary::marker{content:""}

.hv-qa>summary::before{content:"+";flex:0 0 22px;width:22px;text-align:center;font-size:1.35em;line-height:1.2;font-weight:bold}

.hv-qa[open]>summary::before{content:"−"}

.hv-qa>summary:hover{background:var(--hv-bg)}

.hv-qa .a{padding:14px 18px 6px 54px;border-top:1px solid var(--hv-line)}

@media (max-width:640px){.hv-qa .a{padding-left:18px}
}

.hv-table{overflow-x:auto;margin:1em 0 1.4em}

.hv-table table{border-collapse:collapse;width:100%;min-width:420px;font-size:.95em}

.hv-table th,.hv-table td{border:1px solid var(--hv-line);padding:10px 14px;text-align:left;vertical-align:top;line-height:1.6}

.hv-table th{background:var(--hv-bg);color:var(--hv-main);font-weight:bold;white-space:nowrap}

.hv-fig{max-width:300px;margin:1.2em auto;text-align:center}
.hv-fig.w{max-width:520px}
.hv-fig.xw{max-width:760px}

.hv-figs{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:1.2em 0}
.hv-figs .hv-fig{flex:0 1 300px;margin:0}

.hv-fig img{max-width:100%;height:auto;border-radius:10px}

.hv-hero{margin:0 0 20px}
.hv-hero img{max-width:100%;height:auto;border-radius:12px}

/* 自動目錄（include/hv_toc.php）包住舊內文時，第一個段落標題不留上方空白 */
.hv-doc .hv-art .hv-art-main .hv-main>h3:first-child,.hv-doc .hv-art .hv-art-main .hv-main>h2:first-child,.hv-doc .hv-art .hv-art-main>h2:first-child{margin-top:0}
/* 單頁「相關常見問題」最後的「看全部常見問題」連結（10/1） */
.hv-doc .hv-faq-more{margin:14px 0 0;text-align:right}
.hv-doc .hv-faq-more a{font-weight:bold;text-decoration:none}
.hv-doc .hv-faq-more a:hover{text-decoration:underline}