/* 宜蘭民宿攻略系列共用樣式（yilan-bnb-price-guide-2026 / yilan-couple-bnb / yilan-bnb-vs-hotel）；主文 yilan-bnb-guide-2026.php 內嵌同一份 */
/* 本頁專屬：長文版面（yg-）。h2/h3 與行內 a 都要重置 main.css 的全域樣式 */
.yg-body{font-family:"Noto Sans TC",system-ui,sans-serif;text-align:left}
.yg-body h2,.yg-body h3,.yg-body h4{position:static;bottom:auto;width:auto;opacity:1;transition:none;text-align:left}
.yg-body h2{font-family:"Noto Serif TC",serif;font-size:26px;font-weight:900;letter-spacing:.04em;color:#15302a;margin:0 0 16px;padding-left:14px;border-left:4px solid #b1842f;line-height:1.4}
.yg-body h3{font-family:"Noto Serif TC",serif;font-size:20px;font-weight:700;color:#15302a;margin:30px 0 10px;line-height:1.5}
.yg-body h4{font-size:16px;font-weight:700;color:#2f4a41;margin:18px 0 6px}
.yg-body p{font-size:15.5px;color:#3d4a41;line-height:2;margin:0 0 14px;text-align:left}
.yg-body ul,.yg-body ol{margin:0 0 16px 22px;padding:0}
.yg-body li{font-size:15px;color:#3d4a41;line-height:1.95;margin:0 0 6px}
.yg-body p a,.yg-body li a,.yg-body td a,.yg-body th a,.yg-body summary a{display:inline;float:none;width:auto;color:#2f6b5e;text-decoration:underline;text-underline-offset:3px}
.yg-body p a:hover,.yg-body li a:hover,.yg-body td a:hover{color:#15302a}
.yg-sec{padding:38px 0 6px}
.yg-sec .ic-sec-eyebrow{margin-bottom:6px}
.yg-lead{font-size:16px;color:#2f4a41;line-height:2.05}
.yg-toc{background:#fffdf8;border:1px solid #e0d7c4;border-radius:14px;padding:16px 20px;margin:0 0 10px}
.yg-toc b{display:block;font-size:13px;letter-spacing:.14em;color:#b1842f;margin-bottom:8px}
.yg-toc ol{margin:0 0 0 20px;columns:2;column-gap:28px}
.yg-toc li{font-size:14.5px;line-height:1.9;break-inside:avoid}
.yg-toc li a{display:inline;float:none;width:auto;color:#2f4a41;text-decoration:none;border-bottom:1px dashed #cdbfa3}
.yg-toc li a:hover{color:#15302a;border-bottom-color:#15302a}
.yg-note{background:#eef3ec;border:1px solid #d8e2d4;border-radius:12px;padding:14px 18px;margin:16px 0 20px;font-size:14px;color:#2f4a41;line-height:1.9}
.yg-note b{color:#15302a}
.yg-tablewrap{overflow-x:auto;border:1px solid #e0d7c4;border-radius:12px;background:#fff;margin:14px 0 20px}
.yg-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:620px}
.yg-table th{background:#15302a;color:#f6f1e6;padding:11px 14px;text-align:left;font-weight:700;letter-spacing:.05em;white-space:nowrap}
.yg-table td{padding:10px 14px;border-top:1px solid #efe8d8;color:#3d4a41;line-height:1.8;vertical-align:top;text-align:left}
.yg-table tr:nth-child(even) td{background:#fcfaf4}
.yg-table td b{color:#15302a;white-space:nowrap}
.yg-table td.num{white-space:nowrap;font-variant-numeric:tabular-nums}
.yg-bands{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 18px}
.yg-band{background:#fffdf8;border:1px solid #e0d7c4;border-radius:12px;padding:14px 16px;text-align:left}
.yg-band b{display:block;font-family:"Cormorant Garamond","Noto Serif TC",serif;font-size:30px;line-height:1;color:#15302a}
.yg-band span{display:block;font-size:13px;color:#5d6b60;margin-top:6px;line-height:1.6}
.yg-band i{display:block;font-style:normal;font-size:12px;color:#b1842f;letter-spacing:.08em;margin-bottom:6px}
.yg-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:12px 0 22px}
.yg-pick{display:flex;flex-direction:column;background:#fff;border:1px solid #e0d7c4;border-radius:14px;overflow:hidden;text-decoration:none;float:none;width:auto;transition:box-shadow .2s,transform .2s}
.yg-pick:hover{box-shadow:0 14px 34px -18px rgba(21,48,42,.35);transform:translateY(-2px);text-decoration:none}
.yg-pick-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#efe7d6}
.yg-pick-img img{width:100%;height:100%;object-fit:cover;display:block}
.yg-pick-body{display:flex;flex-direction:column;padding:12px 14px 14px;text-align:left}
.yg-pick-body b{font-size:16px;color:#15302a;line-height:1.4}
.yg-pick-body em{font-style:normal;font-size:12px;color:#b1842f;letter-spacing:.12em;margin:2px 0 6px}
.yg-pick-price{font-size:14px;color:#2f4a41;font-weight:700;margin-bottom:6px}
.yg-pick-note{font-size:13.5px;color:#5d6b60;line-height:1.7;flex:1}
.yg-pick-link{font-size:13px;color:#2f6b5e;margin-top:10px;font-weight:700}
.yg-pills{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.yg-pills a{display:inline-block;padding:7px 14px;border:1px solid #cdbfa3;border-radius:999px;font-size:13.5px;color:#2f4a41;background:#fffdf8;text-decoration:none;line-height:1.4;float:none;width:auto}
.yg-pills a:hover{border-color:#2f6b5e;color:#15302a;text-decoration:none}
.yg-pills a.dark{background:#15302a;color:#f6f1e6;border-color:#15302a}
.yg-pills a.dark:hover{background:#2f6b5e;border-color:#2f6b5e;color:#fff}
.yg-steps{counter-reset:yg;margin:10px 0 18px;padding:0;list-style:none}
.yg-steps li{position:relative;padding:12px 16px 12px 56px;background:#fffdf8;border:1px solid #e0d7c4;border-radius:12px;margin:0 0 10px;font-size:15px;line-height:1.9}
.yg-steps li:before{counter-increment:yg;content:counter(yg);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:#15302a;color:#f6f1e6;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.yg-steps li b{color:#15302a}
.yg-faq{border:1px solid #e0d7c4;border-radius:12px;background:#fffdf8;padding:4px 22px 10px}
.yg-faq details{border-bottom:1px solid #efe8d8;padding:14px 0}
.yg-faq details:last-child{border-bottom:0}
.yg-faq summary{cursor:pointer;font-size:16px;font-weight:700;color:#15302a;line-height:1.6;list-style:none;position:relative;padding-right:28px}
.yg-faq summary::-webkit-details-marker{display:none}
.yg-faq summary:after{content:"+";position:absolute;right:0;top:0;color:#b1842f;font-size:22px;line-height:1.2}
.yg-faq details[open] summary:after{content:"−"}
.yg-faq details p{margin:10px 0 0;font-size:14.5px;color:#5d6b60;line-height:1.9}
.gd-links{margin-top:26px}
.gd-links h2{position:static;bottom:auto;width:auto;opacity:1;transition:none;font-family:"Noto Serif TC",serif;font-size:20px;color:#15302a;margin:0 0 12px;text-align:left;border-left:0;padding-left:0}
.gd-pills{display:flex;flex-wrap:wrap;gap:8px}
.gd-pills a{display:inline-block;padding:8px 16px;border:1px solid #cdbfa3;border-radius:999px;font-size:14px;color:#2f4a41;text-decoration:none;background:#fffdf8;line-height:1.4;float:none;width:auto}
.gd-pills a:hover{border-color:#2f6b5e;color:#15302a}
@media(max-width:768px){.yg-bands{grid-template-columns:1fr 1fr}.yg-toc ol{columns:1}.yg-body h2{font-size:22px}}
/* 比較表（民宿 vs 飯店）與重點數字 */
.yg-cmp td:first-child{font-weight:700;color:#15302a;white-space:nowrap}
.yg-cmp td.yes{color:#2f6b5e}
.yg-cmp td.no{color:#a0522d}
.yg-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 18px}
.yg-kpi div{background:#15302a;color:#f6f1e6;border-radius:12px;padding:16px 18px;text-align:left}
.yg-kpi b{display:block;font-family:"Cormorant Garamond","Noto Serif TC",serif;font-size:32px;line-height:1;color:#f6f1e6}
.yg-kpi span{display:block;font-size:13px;color:#cfc6b2;margin-top:6px;line-height:1.6}
.yg-kpi i{display:block;font-style:normal;font-size:12px;color:#b1842f;letter-spacing:.1em;margin-bottom:8px}
@media(max-width:768px){.yg-kpi{grid-template-columns:1fr}}

.yg-crumb{font-size:12.5px;color:#8a8574;margin:18px 0 0;text-align:left}
.yg-crumb a{display:inline;float:none;width:auto;color:#8a8574;text-decoration:none}
.yg-crumb a:hover{color:#2f6b5e;text-decoration:underline}