/* Reading layouts share the LP's dark palette and typography. */
.guide-page{background:radial-gradient(ellipse at 85% 0,rgba(142,151,251,.12),transparent 38rem),var(--bg0)}
.guide-main{max-width:840px;margin:auto;padding:156px 24px 48px;overflow-wrap:anywhere}
.guide-header{margin-bottom:36px}
.guide-header h1{font-family:var(--serif);font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.65;font-weight:500}
.guide-header .lead{margin-top:24px;max-width:none}
.guide-byline{margin-top:24px;color:var(--ink1);font-size:.82rem}
.guide-notice{border:1px solid var(--line2);border-radius:var(--r-card);padding:24px;background:var(--bg1);color:var(--ink1);font-size:.9rem;line-height:1.9}
.guide-body{font-size:1rem;line-height:2.1;color:var(--ink1)}
.guide-body h2{margin:52px 0 22px;color:var(--ink0);font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.65}
.guide-body p{margin:20px 0}
.guide-body strong{font-weight:600;color:var(--ink0)}
.guide-body ul,.guide-body ol{padding-left:1.6em;margin:20px 0}
.guide-body li{padding-left:.2em;margin:10px 0}
.guide-body a:not(.pill-appstore):not(.btn){color:var(--moon2);text-decoration:underline;text-underline-offset:4px}
.guide-related{margin-top:40px;padding:24px;border:1px solid var(--line2);border-radius:var(--r-card);background:var(--bg1)}
.guide-related h2{margin:0 0 16px;font-size:1.2rem}
.guide-related ul{margin-bottom:0}
.guide-cta{margin:28px 0}
.guide-cta .store-sub{margin:12px 0}
.guide-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line2);border-radius:14px}
.guide-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem;line-height:1.9}
.guide-table th,.guide-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line2)}
.guide-table th{background:var(--bg2);color:var(--ink0)}
.guide-table tr:last-child td{border-bottom:0}
.guide-faq details{border-bottom:1px solid var(--line2);padding:20px 0}
.guide-faq summary{cursor:pointer;color:var(--ink0);font-weight:600;line-height:1.8}
.guide-list{list-style:none;display:grid;gap:24px}
.guide-list .card{display:block;padding:clamp(24px,5vw,40px)}
.guide-list h2{font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.7}
.guide-list p{color:var(--ink1);margin:20px 0}
.guide-read{color:var(--moon2);font-size:.9rem}
.guide-skip{position:fixed;top:8px;left:16px;z-index:100;transform:translateY(-200%);background:var(--bg2);padding:10px 20px}
.guide-skip:focus{transform:translateY(0)}
.guide-page :is(summary,.guide-table):focus-visible{outline:2px solid var(--moon2);outline-offset:4px}
@media(max-width:680px){.guide-main{padding-top:120px}.guide-notice,.guide-related{padding:20px}.guide-body{line-height:2}.guide-page .nav{padding-inline:24px}}