/* 宜蘭生活網｜地方故事（2026-10-20）：文章頁與 /stories 列表，配合正式站藍色系，不使用 CSS 變數 */
.ic-story{color:#152532;font-size:17px;line-height:1.9;padding-bottom:48px}
.ic-story .contitle{max-width:780px;margin:0 auto}
.ic-story .contitle.ic-wide{max-width:1080px}
.ic-story .ic-crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#586774;margin:0 0 24px}
.ic-story .ic-crumb a{color:#0566ad;text-decoration:none}
.ic-story .ic-crumb a:hover{text-decoration:underline}
.ic-story .ic-eyebrow{font-size:12px;letter-spacing:.14em;color:#0566ad;font-weight:800;margin:0 0 10px}
.ic-story h1{font-size:32px;line-height:1.4;color:#123f62;font-weight:700;margin:0 0 16px}
.ic-story .ic-lede{font-size:18px;line-height:1.9;color:#586774;margin:0 0 28px}
.ic-story .ic-cover{margin:0 0 32px}
.ic-story .ic-cover img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:4px;background:#eff5f8}
.ic-story .ic-body h2,.ic-story .ic-profile h2,.ic-story .ic-related h2{font-size:23px;line-height:1.45;color:#123f62;font-weight:700;margin:44px 0 14px;padding-left:12px;border-left:5px solid #D9A441}
.ic-story .ic-body h3{font-size:19px;color:#123f62;margin:28px 0 8px}
.ic-story .ic-body p{margin:0 0 16px}
.ic-story .ic-body a{color:#0566ad}
.ic-story .ic-body .ic-pull{font-size:20px;line-height:1.7;color:#123f62;font-weight:700;border-left:0;border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb;padding:20px 8px;margin:28px 0;text-align:center}
.ic-story .ic-body .ic-timeline{list-style:none;margin:0 0 16px;padding:0 0 0 22px;border-left:2px solid #dce5eb}
.ic-story .ic-body .ic-timeline li{position:relative;margin:0 0 14px;padding-left:4px}
.ic-story .ic-body .ic-timeline li::before{content:"";position:absolute;left:-29px;top:10px;width:12px;height:12px;border-radius:50%;background:#0566ad;border:2px solid #ffffff}
.ic-story .ic-body .ic-timeline b{display:block;color:#123f62;font-size:16px}
.ic-story .ic-profile dl{margin:0;border-top:1px solid #dce5eb}
.ic-story .ic-profile dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 4px;border-bottom:1px solid #dce5eb}
.ic-story .ic-profile dt{font-weight:700;color:#123f62}
.ic-story .ic-profile dd{margin:0;overflow-wrap:anywhere}
.ic-story .ic-disclose{font-size:13px;line-height:1.8;color:#657c8c;border-left:3px solid #0566ad;background:#f0f6fa;padding:12px 14px;margin:36px 0 12px}
.ic-story .ic-source{font-size:14px;color:#586774}
.ic-story .ic-source a{color:#0566ad}
.ic-story .ic-more{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.ic-story .ic-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.ic-story .ic-chips a{font-size:14px;color:#123f62;background:#eff5f8;border:1px solid #dce5eb;border-radius:20px;padding:4px 14px;text-decoration:none}
.ic-story .ic-chips a[aria-current="page"]{background:#0566ad;border-color:#0566ad;color:#ffffff}
.ic-story .ic-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ic-story .ic-related .ic-story-grid{gap:18px}
.ic-story .ic-story-card{display:flex;flex-direction:column;gap:6px;color:#152532;text-decoration:none}
.ic-story .ic-story-card img{width:100%;height:auto;aspect-ratio:36/22;object-fit:cover;border-radius:4px;background:#eff5f8;margin-bottom:6px}
.ic-story .ic-story-card .ic-story-meta{font-size:12px;color:#0566ad;font-weight:700;letter-spacing:.04em}
.ic-story .ic-story-card strong{font-size:17px;line-height:1.5;color:#123f62}
.ic-story .ic-story-card .ic-story-desc{font-size:14px;line-height:1.7;color:#586774}
.ic-story .ic-story-card:hover strong{text-decoration:underline}
.ic-story a:focus-visible{outline:3px solid #D6553A;outline-offset:2px}
.ic-story .ic-actions{background:#eff5f8;border:1px solid #dce5eb;border-radius:6px;padding:18px 20px;margin:0 0 32px}
.ic-story .ic-profile+.ic-actions{margin:20px 0 0}
.ic-story .ic-actions-name{margin:0 0 12px;font-weight:700;color:#123f62;font-size:17px;line-height:1.6}
.ic-story .ic-actions-name span{display:block;font-weight:400;font-size:14px;color:#586774}
.ic-story .ic-actions-btns{display:flex;flex-wrap:wrap;gap:10px}
.ic-story .ic-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:4px;border:2px solid #0566ad;background:#ffffff;color:#0566ad;font-size:15px;font-weight:700;text-decoration:none;line-height:1.3}
.ic-story .ic-btn:hover{background:#0566ad;color:#ffffff}
.ic-story .ic-btn-site{background:#D9A441;border-color:#D9A441;color:#123f62;font-size:16px;padding:8px 24px}
.ic-story .ic-btn-site:hover{background:#C8922F;border-color:#C8922F;color:#123f62}
.ic-story .ic-profile a.ic-tel{color:#0566ad;font-weight:700;white-space:nowrap}
.ic-story .ic-profile a.ic-map{display:inline-block;font-size:13px;color:#0566ad;border:1px solid #0566ad;border-radius:12px;padding:0 8px;margin-left:4px;text-decoration:none;white-space:nowrap;line-height:1.7}
.ic-story .ic-profile a.ic-map:hover{background:#0566ad;color:#ffffff}
@media (max-width:900px){.ic-story .ic-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
 .ic-story{font-size:16px}
 .ic-story h1{font-size:25px}
 .ic-story .ic-lede{font-size:16px}
 .ic-story .ic-body h2,.ic-story .ic-profile h2,.ic-story .ic-related h2{font-size:20px}
 .ic-story .ic-body .ic-pull{font-size:18px}
 .ic-story .ic-story-grid{grid-template-columns:minmax(0,1fr)}
 .ic-story .ic-profile dl div{grid-template-columns:minmax(0,1fr);gap:2px}
 .ic-story .ic-actions-btns{flex-direction:column}
 .ic-story .ic-btn{width:100%}
}
