/* Global chrome only: no article body selectors. */
#listen-nav{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:22px 0;background:transparent;border:0;border-bottom:1px solid #b1bda8;position:relative;box-shadow:none;color:#283f35;font-family:system-ui,sans-serif}#listen-nav *{box-sizing:border-box}#listen-nav .ln-brand{display:flex;align-items:center;gap:12px;padding:0;margin:0;background:none;border:0;text-decoration:none;color:#283f35;font-size:18px;font-weight:700;line-height:1.5;flex-shrink:0}#listen-nav .ln-brand img{position:static;width:38px;height:38px;border-radius:10px}#listen-nav .ln-brand small{display:block;font-size:12px;font-weight:400;color:#536657;letter-spacing:.08em;margin-top:3px}#listen-links{display:flex;gap:6px;margin:0;padding:0}#listen-links>a{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;min-height:56px;padding:8px 13px;background:transparent;border:0;border-radius:8px;color:#283f35;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}#listen-links .ln-hint{font-size:10px;letter-spacing:.12em;font-weight:400;color:#536657}#listen-links>a[aria-current]{background:#f3d878;box-shadow:inset 0 -3px #283f35}#listen-nav a:focus-visible,#listen-nav button:focus-visible{outline:3px solid #a34425;outline-offset:4px}#listen-nav .ln-toggle{min-height:48px;padding:10px 14px;border:1px solid #a3b69b;border-radius:8px;background:#e5ecdf;color:#283f35;font:600 14px/1.5 system-ui;cursor:pointer}#listen-nav .ln-toggle span{margin-left:10px}#listen-nav .ln-toggle[hidden]{display:none}#listen-nav a:active,#listen-nav button:active{background:#dce5d5}@media(hover:hover) and (pointer:fine){#listen-links>a:hover{background:#e5ecdf}#listen-links>a[aria-current]:hover{background:#efcd5f}}@media(max-width:1159px){#listen-nav{margin-left:20px;margin-right:20px}}@media(max-width:850px){#listen-nav{flex-wrap:wrap;gap:12px;padding:18px 0}#listen-nav .ln-brand{font-size:16px;gap:8px}#listen-nav .ln-brand img{width:32px;height:32px}#listen-nav .ln-brand small{font-size:11px}#listen-links{flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px}#listen-links>a{min-height:64px;background:#f1f2e7;padding:10px 14px}#listen-nav[data-ready] #listen-links{display:none}#listen-nav[data-ready][data-open] #listen-links{display:grid}#listen-nav .ln-toggle{display:block}#listen-nav .ln-toggle[hidden]{display:none}}@media(min-width:851px){#listen-nav .ln-toggle{display:none!important}}@media(max-width:370px){#listen-nav .ln-brand{font-size:15px}#listen-nav .ln-brand img{display:none}#listen-nav .ln-toggle{padding:10px}}
/* Keep functional links visibly actionable without styling prose links as buttons. */
.journey-actions>a:not(.button),.path-return{border-radius:8px}.card-read{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:600}.topic-nav a{border-radius:8px;text-decoration:none}.topic-nav a:focus-visible,.card-read:focus-visible{outline:3px solid #a34425;outline-offset:4px}

.ln-skip{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:#fff;color:#233d32}.ln-skip:focus{top:12px;outline:3px solid #197a65}

#listen-nav .ln-search{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #687d6b;border-radius:8px;color:#283f35;background:#fffbe9;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}#listen-nav .ln-search[aria-current]{background:#f3d878}#listen-nav{gap:14px}@media(max-width:1000px){#listen-nav{flex-wrap:wrap}#listen-links{order:4;width:100%;justify-content:center}#listen-nav .ln-brand{margin-right:auto}#listen-nav .ln-search{order:2}#listen-nav .ln-toggle{order:3}}@media(max-width:370px){#listen-nav{gap:8px}#listen-nav .ln-search{padding:8px}#listen-nav .ln-toggle{padding:8px}#listen-nav .ln-toggle span{margin-left:3px}}

/* Official transparent logo; keep visible and proportional at every width. */
#listen-nav .ln-brand img{display:block;width:64px;height:64px;object-fit:contain;border-radius:0;flex-shrink:0}
@media(max-width:1000px){#listen-nav .ln-brand{flex-basis:100%}#listen-nav .ln-search{margin-left:auto}}
@media(max-width:850px){#listen-nav .ln-brand img{width:52px;height:52px}}

/* Static accessibility follow-up: complete article titles and native topic disclosure. */
.article-index .content-card h3{height:auto;overflow:visible;display:block;-webkit-line-clamp:unset}
.article-index .content-card h3 a{overflow-wrap:anywhere}
.article-index .content-card h3 a:focus-visible{outline:3px solid #a34425;outline-offset:2px}
.article-index .topic-directory>summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer;font-weight:600;overflow-wrap:anywhere}
.article-index .topic-directory>summary:focus-visible{outline:3px solid #a34425;outline-offset:4px}
.article-index .topic-directory .topic-nav a{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){.article-index .article-search input{font-size:1rem}.article-index .topic-directory .topic-nav{grid-template-columns:1fr}}

/* Licensed editorial cover photographs: preserve full composition. */
.card-image img.stock-cover{object-fit:contain;background:#f7f3e9}.article-cover{margin:1.5rem 0 2rem}.article-cover img{display:block;width:100%;height:auto;max-height:32rem;object-fit:contain;background:#f7f3e9}.article-cover figcaption{font-size:.8rem;margin-top:.5rem;color:inherit}.article-cover figcaption a{text-underline-offset:.2em}

/* 全站右下角浮動圓鈕（2026-11-10，照參考站）：聽 Podcast、搜尋、回到最上面。顏色寫死，不靠其他樣式檔的變數。 */
.ln-float{position:fixed;right:18px;bottom:22px;z-index:900;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;padding:0}
.ln-float .ln-fab{box-sizing:border-box;display:grid;place-items:center;width:56px;height:56px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#1B2F45;color:#fff;text-decoration:none;box-shadow:0 8px 20px rgba(40,62,80,.28);transition:transform .16s ease,background-color .16s ease,opacity .2s ease,visibility .2s}
.ln-float .ln-fab svg{display:block;width:26px;height:26px}
.ln-float .ln-fab:hover{background:#FD9919;color:#283E50;transform:translateY(-2px)}
.ln-float .ln-fab:focus-visible{outline:3px solid #FD9919;outline-offset:3px}
.ln-float .ln-fab-top{width:44px;height:44px;background:#3A4047}
.ln-float .ln-fab-top svg{width:22px;height:22px}
html[data-fab] .ln-float .ln-fab-top:not([data-show]){opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:700px){.ln-float{right:12px;bottom:14px;gap:10px}.ln-float .ln-fab{width:44px;height:44px}.ln-float .ln-fab svg{width:21px;height:21px}.ln-float .ln-fab-top{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.ln-float .ln-fab{transition:none}}
@media print{.ln-float{display:none}}
