.storage-guide { max-width: 920px !important; padding-top: 132px; }
.storage-guide h1 { font: 400 clamp(2.4rem,6vw,4rem)/1.12 var(--freeify-serif); letter-spacing: -.03em; margin: 18px 0; }
.storage-guide h1 em { color: var(--freeify-gold); }
.guide-intro { max-width: 65ch; color: var(--freeify-muted); margin-bottom: 30px; }
.guide-panel { padding: clamp(20px,4vw,36px); border: 1px solid var(--freeify-line); background: var(--freeify-panel); scroll-margin-top: 110px; }
.guide-progress { color: var(--freeify-gold); font-size: .875rem; margin: 0 0 14px; }
#guide-title { font: 400 clamp(1.6rem,4vw,2.2rem)/1.25 var(--freeify-serif); margin: 0 0 18px; }
#guide-title:focus { outline: none; }
.guide-choices { display: grid; gap: 12px; margin-top: 22px; }
.storage-guide button { font: inherit; color: var(--freeify-text); border: 1px solid var(--freeify-line); background: var(--freeify-raised); padding: 12px 18px; min-height: 48px; border-radius: 3px; cursor: pointer; }
.storage-guide button:hover { border-color: var(--freeify-gold); }
.guide-choice { display: block; width: 100%; text-align: left; }
.guide-choice strong { display: block; color: var(--freeify-gold); }
.guide-choice span { display: block; margin-top: 3px; font-size: .9rem; }
.guide-navigation { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
#guide-next { border-color: var(--freeify-gold); }
.guide-note { margin: 28px 0 18px; padding-left: 20px; border-left: 2px solid var(--freeify-gold); }
.guide-note strong { color: var(--freeify-gold); font-weight: 600; }
.guide-note p,.guide-dated,.guide-later p { color: var(--freeify-muted); }
.guide-dated { font-size: .875rem; }
.guide-later { margin: 24px 0; }
.guide-later summary { cursor: pointer; padding: 10px 0; min-height: 44px; }
.guide-source-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; }
.guide-source-links a { padding-block: 8px; }
.guide-step-list { padding-left: 24px; }
.guide-step-list li { margin-bottom: 12px; }
.guide-quota { border-top: 1px solid var(--freeify-line); padding-top: 14px; color: var(--freeify-muted); }
.guide-route { color: var(--freeify-muted); font-size: .875rem; }
.storage-guide [hidden] { display: none !important; }
.freeify-howto { margin-top: 32px; }
.freeify-howto .freeify-tool { max-width: 800px; }
@media (max-width: 620px) { .guide-panel { scroll-margin-top: 180px; } }
@media (max-width: 520px) { .storage-guide { padding-top: 180px; } .guide-navigation button { flex: 1 1 auto; } .guide-panel { padding: 18px; } }
