/* Short first view, with native disclosures for instructions and illustrations. */
.guide-page.guide-simple{max-width:960px;padding:28px 28px 64px;color:var(--ink);line-height:1.8;overflow-wrap:anywhere;--guide-panel:#f3f6f1;--guide-accent:#245744}
.guide-simple *{box-sizing:border-box}
.guide-masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.guide-masthead .wordmark{font-size:27px;line-height:1.3;white-space:nowrap}
.guide-simple .guide-enter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid var(--line);border-radius:8px;font-size:14px;text-decoration:none;font-weight:600;color:var(--ink);gap:8px}
.guide-welcome{padding:28px 0 22px}
.guide-welcome .eyebrow{margin:0;font-size:11px;letter-spacing:.12em}
.guide-welcome h1{font-family:inherit;font-size:clamp(25px,3.2vw,36px);line-height:1.5;letter-spacing:.01em;margin:8px 0 12px}
.guide-welcome>p:not(.eyebrow){font-size:16px;line-height:1.9;margin:0 0 8px}
.guide-simple small{font-size:13px;color:var(--muted);line-height:1.7}
.guide-start{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--guide-panel)}
.guide-heading-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.guide-heading-row h2,.guide-topic-group>h2{font-family:inherit;font-size:17px;line-height:1.6;margin:0;font-weight:650}
.guide-heading-row>span{font-size:13px;color:var(--muted)}
.guide-start ol{padding:0;margin:14px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.guide-start li{min-width:0}
.guide-start a{display:flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;font-size:14px;color:var(--ink)}
.guide-start a>span:first-child{font:22px/1.3 Georgia,serif;color:var(--guide-accent);flex-shrink:0}
.guide-start a>strong{font-weight:500;line-height:1.65}
.guide-step-arrow{margin-left:auto;font-size:14px}
.guide-find{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 0}
.guide-find a{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:9px 12px;text-decoration:none;font-size:14px;font-weight:500}
.guide-find a:hover,.guide-enter:hover{background:var(--guide-panel)}
.guide-howto{font-size:13px;color:var(--muted);margin:12px 0 20px}
.guide-topic-group{margin:24px 0}
.guide-topic-group>h2{margin-bottom:8px}
.guide-topic{border-bottom:1px solid var(--line);margin:0;scroll-margin-top:24px}
.guide-topic>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;min-height:74px;cursor:pointer;list-style:none}
.guide-topic>summary::-webkit-details-marker,.guide-more-detail>summary::-webkit-details-marker{display:none}
.guide-topic>summary>span:first-child{min-width:0}
.guide-topic>summary strong{display:block;font-size:16px;font-weight:600;line-height:1.6}
.guide-topic>summary small{display:block;margin-top:2px}
.guide-toggle{position:relative;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--guide-panel);color:var(--guide-accent)}
.guide-toggle:before,.guide-toggle:after{content:"";position:absolute;width:10px;height:1.5px;background:currentColor;top:13px;left:9px}
.guide-toggle:after{transform:rotate(90deg)}
.guide-topic[open]>summary .guide-toggle:after{transform:rotate(0)}
.guide-topic[open]>summary strong{color:var(--guide-accent)}
.guide-topic-body{padding:0 0 22px}
.guide-location{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin:0 0 18px;padding:12px 14px;background:var(--guide-panel);border-radius:8px;font-size:13px;line-height:1.8}
.guide-location>span{color:var(--muted);margin-right:3px}
.guide-location>b{font-weight:600}
.guide-location>i{font-style:normal;color:var(--muted)}
.guide-instructions{list-style:none;counter-reset:guide-step;margin:0;padding:0}
.guide-instructions>li{counter-increment:guide-step;position:relative;padding-left:38px;margin:0 0 18px}
.guide-instructions>li:before{content:counter(guide-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:13px;color:var(--guide-accent)}
.guide-instructions strong{font-size:15px;font-weight:650;line-height:1.8}
.guide-instructions p{font-size:15px;line-height:1.9;margin:4px 0 0;max-width:66ch}
.guide-note{border-left:2px solid var(--guide-accent);padding:3px 0 3px 13px;margin:20px 0;font-size:14px;line-height:1.85;color:var(--muted)}
.guide-screen-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:10px;font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:9px 16px;text-decoration:none;margin-bottom:12px}
.guide-more-detail{border-top:1px solid var(--line);margin:0;padding:0}
.guide-more-detail>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-size:14px;line-height:1.8;padding:13px 0;min-height:46px}
.guide-more-detail>summary:before{content:"›";font-size:20px;line-height:1;transform-origin:center;color:var(--guide-accent)}
.guide-more-detail[open]>summary:before{transform:rotate(90deg)}
.guide-more-detail>div{padding:0 0 14px 20px;font-size:14px;line-height:1.9}
.guide-more-detail p{margin:0 0 12px}
.guide-more-detail a{display:inline-block;min-height:44px;padding:9px 0}
.guide-illustration figure{max-width:500px;margin:0 0 14px}
.guide-illustration figure a{padding:0}
.guide-illustration img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.guide-illustration figcaption{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}
.guide-advanced{border-top:1px solid var(--line)}
.guide-advanced>.guide-topic-body{padding-left:18px}
.guide-advanced .guide-topic:last-child{border-bottom:0}
.guide-help>.guide-topic-body{padding-bottom:10px}
.guide-glossary{padding:0 0 12px;margin:0;font-size:14px;line-height:1.9}
.guide-glossary>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:12px 0}
.guide-glossary dt{font-weight:650}
.guide-glossary dd{margin:0}
.guide-footer{margin-top:28px;padding:24px;border-radius:14px;background:var(--guide-panel)}
.guide-footer>p{margin:0 0 12px;font-size:17px;font-weight:600}
.guide-footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.guide-footer>div>a{min-height:44px;display:inline-flex;align-items:center}
.guide-footer>small{display:block;margin-top:12px}
.guide-simple a:focus-visible,.guide-simple summary:focus-visible{outline:2px solid var(--guide-accent);outline-offset:4px;border-radius:4px}
[data-theme=dark] .guide-simple{--guide-panel:#1b2c22;--guide-accent:#b7d8c1}
.shell .guide-topic{scroll-margin-top:90px}
.shell .content-wrap .guide-simple{padding:0 22px 24px}
@media(max-width:700px){
  .guide-page.guide-simple{padding:20px 20px 40px}
  .guide-masthead{gap:12px;padding-bottom:16px}
  .guide-masthead .wordmark{font-size:24px;white-space:normal}
  .guide-masthead .guide-enter{font-size:13px;padding:9px 12px;flex-shrink:0}
  .guide-welcome{padding:23px 0 18px}
  .guide-welcome>p:not(.eyebrow){font-size:15px}
  .guide-start{padding:16px}
  .guide-start ol{grid-template-columns:1fr;gap:0;margin-top:9px}
  .guide-start li+li{border-top:1px solid var(--line)}
  .guide-start a{min-height:44px}
  .guide-start a>span:first-child{font-size:20px}
  .guide-find{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
  .guide-topic>summary{padding:15px 0;min-height:72px}
  .guide-location{padding:10px 12px}
  .guide-instructions>li{padding-left:34px}
  .guide-glossary>div{grid-template-columns:1fr;gap:3px}
  .guide-footer{padding:20px}
  .guide-footer>div{align-items:flex-start;flex-direction:column;gap:4px}
}