/* 使用說明：保留品牌殿景，讓操作步驟與常見問題易讀、可用鍵盤。 */
.guide-page .guide-main { padding-bottom: max(3rem, env(safe-area-inset-bottom)); }
.guide-page .guide-hero h1 { font-size: clamp(2rem, 4.5vw, 3.3rem); line-height: 1.25; }
.guide-page .guide-hero-visual { margin: 0; }
.guide-page .guide-hero-visual > img { aspect-ratio: 4 / 4.6; }
.guide-page .guide-return-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: .7rem; }
.guide-page .guide-jump-nav { position: static; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; box-sizing: border-box; border-radius: 18px; overflow: visible; padding: .5rem; gap: .25rem; backdrop-filter: none; -webkit-backdrop-filter: none; }
.guide-page .guide-jump-nav a { min-width: 0; padding: .45rem .3rem; border-radius: 10px; font-size: .95rem; }
.guide-page .guide-jump-nav a:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: -2px; }
.guide-page .guide-section, .guide-page #guide-topics { scroll-margin-top: 7rem; }
.guide-page .guide-section { padding-top: clamp(2.5rem, 6vw, 4rem); }
.guide-page .guide-section-heading h2 { font-size: clamp(1.55rem, 3.5vw, 2.15rem); }
.guide-page .guide-step-copy p, .guide-page .guide-photo-card p, .guide-page .guide-photo-card ul,
.guide-page .guide-reminder p, .guide-page .guide-section-heading > p:last-child { font-size: 1rem; line-height: 1.85; }
.guide-page .guide-step-copy p + p { margin-top: .65rem; }
.guide-page .guide-step-copy a, .guide-page .guide-section-heading a, .guide-help-answer a,
.guide-page .guide-return-link, .guide-top-link a { color: var(--gold-bright); text-decoration: underline; text-underline-offset: .22em; }
.guide-page .guide-main a:focus-visible, .guide-help-detail > summary:focus-visible { outline: 3px solid var(--gold-bright); outline-offset: 3px; }
.guide-wish-example { padding: 1rem; border: 1px solid rgba(212,169,78,.32); border-radius: 14px; background: rgba(10,6,4,.36); }
.guide-wish-example small, .guide-wish-example span { color: var(--dim); font-size: .9rem; line-height: 1.7; }
.guide-wish-example p { color: var(--gold-bright); margin: .5rem 0; line-height: 1.9; }
.guide-note { color: var(--dim); font-size: .95rem; line-height: 1.8; margin: 1rem .5rem 0; }
.guide-instructions { margin: 0 0 1rem; padding: 1.3rem 1.3rem 1.3rem 2.8rem; border-left: 2px solid var(--gold); border-radius: 0 14px 14px 0; background: rgba(37,22,12,.65); color: var(--cream); line-height: 1.85; }
.guide-instructions li + li { margin-top: .7rem; }
.guide-help-stack { display: grid; gap: .7rem; }
.guide-help-detail { min-width: 0; border: 1px solid rgba(212,169,78,.32); border-radius: 14px; background: rgba(27,16,9,.8); }
.guide-help-detail > summary { box-sizing: border-box; min-height: 56px; padding: 1rem 1.1rem; border-radius: 13px; cursor: pointer; color: var(--gold-bright); font-size: 1.05rem; font-weight: 700; line-height: 1.6; }
.guide-help-detail > summary::marker { color: var(--gold); }
.guide-help-detail[open] > summary { border-bottom: 1px solid rgba(212,169,78,.2); border-radius: 13px 13px 0 0; }
.guide-help-answer { padding: .25rem 1.2rem 1.1rem; color: var(--cream); font-size: 1rem; line-height: 1.9; overflow-wrap: anywhere; }
.guide-help-answer p { margin: .8rem 0 0; }
.guide-help-answer ul, .guide-help-answer ol { margin: .8rem 0 0; padding-left: 1.4rem; }
.guide-help-answer li + li { margin-top: .65rem; }
.guide-help-answer strong { color: var(--gold-bright); }
.guide-page .guide-photo-card { grid-template-columns: 96px minmax(0, 1fr); }
.guide-top-link { margin: 1.4rem 0; text-align: center; }
.guide-top-link a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 760px) {
  .guide-page .guide-hero { gap: 1.2rem; }
  .guide-page .guide-hero-visual { width: 100%; max-width: 420px; }
  .guide-page .guide-hero-visual > img { aspect-ratio: 2.6 / 1; object-position: center 40%; }
  .guide-page .guide-hero-visual figcaption small { font-size: .85rem; }
}
@media (max-width: 520px) {
  .guide-page .guide-jump-nav a { font-size: .88rem; }
  .guide-page .guide-step-copy { grid-column: 2; }
  .guide-page .guide-photo-card { grid-template-columns: 1fr; padding: 1.1rem; }
  .guide-page .guide-photo-card-visual { width: 100px; min-height: 0; }
  .guide-page .guide-photo-card-visual img { aspect-ratio: 1; }
  .guide-help-detail > summary { padding: .85rem; }
  .guide-help-answer { padding-inline: 1rem; }
}
/* 短螢幕讓導覽隨頁面捲走，閱讀與展開內容不被兩排導覽擋住。 */
@media (max-height: 480px) and (max-width: 1000px) {
  .guide-page .site-nav { position: relative; top: auto; }
  .guide-page .guide-section, .guide-page #guide-topics { scroll-margin-top: 1rem; }
  .guide-page .guide-main { padding-inline: max(0px, env(safe-area-inset-left)) max(0px, env(safe-area-inset-right)); box-sizing: border-box; }
}