@import url("iso-fonts.css");
/* ===== iso-layout.css｜ISO 內頁骨架（共用，請原樣使用，不要在頁面內覆寫）=====
   內容：色彩變數、基礎字型、版心 .wrap、閱讀版面 .reader-layout / .chapter-nav、
         「頁首＋切換列＋章節選單」三層吸頂的位置變數。
   重點：吸頂位置全部由下面 4 個變數算出，頁面不要自己寫 top 數字。 */
:root{--navy:#17374d;--ink:#2a4758;--muted:#607987;--teal:#39a7a8;--teal2:#78cfca;--mist:#edf5f7;--line:#cbdde2;--white:#fff;--shadow:0 22px 60px rgba(32,70,86,.12);
/* 吸頂位置：頁首底邊 94px（桌機）／70px（≤960px）。切換列在其下 10px。 */
--iso-sw-top:104px;--iso-sw-h:68px;--iso-ch-h:63px;
--iso-ch-top:calc(var(--iso-sw-top) + var(--iso-sw-h) + 2px);
--iso-scroll-offset:calc(var(--iso-ch-top) + 66px)}
@media(max-width:1050px){:root{--iso-ch-top:calc(var(--iso-sw-top) + var(--iso-sw-h));--iso-scroll-offset:calc(var(--iso-ch-top) + var(--iso-ch-h) + 3px)}}
@media(max-width:960px){:root{--iso-sw-top:80px}}
@media(max-width:700px){:root{--iso-sw-h:66px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#f7fbfc;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.68}
a{text-decoration:none;color:inherit}
h1,h2,.serif{font-family:"Noto Serif TC","Microsoft JhengHei",serif}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
/* 閱讀版面：左章節選單 190px + 右內容 */
.reader-layout{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start}
.reader-content{min-width:0;background:#fff;padding-bottom:32px}
.reader-content .wrap{width:min(100% - 48px,1000px)}
.section{padding:52px 0;background:#fff;scroll-margin-top:var(--iso-scroll-offset)}
.section.alt{background:linear-gradient(180deg,#eef6f8,#f9fcfd)}
.chapter-nav{position:sticky;top:var(--iso-ch-top);padding:46px 24px 30px 0}
.chapter-nav .nav-kicker{margin:0 0 12px;color:#277e83;font-size:12px;font-weight:900;letter-spacing:.14em}
.chapter-nav a{display:block;padding:10px 4px;color:#58717e;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;transition:.2s}
.chapter-nav a:hover,.chapter-nav a:focus-visible{color:var(--teal);padding-left:8px;outline:2px solid transparent}
@media(max-width:1050px){
.reader-layout{width:100%;grid-template-columns:1fr}
.reader-content{padding-bottom:24px}
.reader-content .wrap{width:min(100% - 40px,1000px)}
.chapter-nav{z-index:8;padding:10px 16px;display:flex;gap:8px;overflow-x:auto;background:rgba(237,245,247,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.chapter-nav .nav-kicker{display:none}
.chapter-nav a{flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}}
@media(max-width:900px){.section{padding:42px 0}}
@media(max-width:900px){:root{--iso-ch-h:0px;--iso-ch-top:calc(var(--iso-sw-top) + var(--iso-sw-h));--iso-scroll-offset:calc(var(--iso-sw-top) + var(--iso-sw-h) + 10px)}html.iso-mobile-ready .chapter-nav{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 30px,1180px)}.reader-content .wrap{width:min(100% - 30px,1000px)}.section{padding:36px 0}}
/* 移除費用估算卡後使用單欄，避免留下空白欄位。 */
.fit-grid--single{grid-template-columns:minmax(0,1fr)!important}