/* Feature guides and added explanations only. Existing device art is untouched. */
.guide-page { background:#f7f6f2; color:#0b293a; }
.guide-hero { padding:88px 0; background:linear-gradient(130deg,#e5f1f1,#f5f7f3); }
.guide-hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:72px; }
.guide-page h1 { font-size:clamp(34px,4.1vw,60px); line-height:1.3; letter-spacing:-.045em; margin:28px 0; }
.guide-page h1 span,.guide-page h1 em,.guide-section h2 span,.guide-band h2 span { display:block; }
.guide-page h1 em { font-style:normal; color:#137c85; }
.guide-lead { font-size:16px; line-height:2; max-width:540px; }
.guide-footnote { font-size:12px!important; line-height:1.9; color:#506875; margin:22px 0 0; }
.guide-example { margin:0; padding:34px; background:#fbfcfa; border:1px solid #c6d8db; }
.guide-example figcaption { font-size:11px; color:#4b6b78; letter-spacing:.03em; }
.guide-example-title { font-size:22px; font-weight:700; margin:30px 0 18px; }
.guide-settings { margin:0; }
.guide-settings>div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 24px; padding:20px 0; border-top:1px solid #d4e0e2; }
.guide-settings dt { font-size:13px; color:#4b6b78; }
.guide-settings dd { margin:0; font-size:19px; font-weight:600; }
.guide-settings .guide-highlight dd { font-size:34px; color:#117d85; }
.guide-section { padding:86px 0; }
.guide-section h2,.guide-band h2 { margin:26px 0 32px; font-size:clamp(28px,3.1vw,44px); line-height:1.4; letter-spacing:-.04em; }
.guide-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); counter-reset:guide; list-style:none; padding:0; margin:40px 0 0; gap:32px; }
.guide-steps li { border-top:1px solid #b9d0d5; padding:24px 0 0; counter-increment:guide; }
.guide-steps li::before { content:"0" counter(guide); color:#147680; font-size:12px; letter-spacing:.1em; }
.guide-section h3,.guide-band h3 { font-size:22px; margin:20px 0 12px; line-height:1.5; letter-spacing:-.02em; }
.guide-section p,.guide-band p,.guide-scope p { font-size:14px; line-height:2; color:#466573; }
.guide-band { background:#092d40; color:#fff; padding:78px 0; }
.guide-band p { color:#c5d8e1; }
.guide-band .eyebrow { color:#81d8dd; }
.guide-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
.guide-scope { padding:26px 30px; background:#e0eeed; border-left:3px solid #248b91; }
.guide-scope h2 { font-size:19px; line-height:1.6; margin:0; }
.guide-scope a,.guide-text-link,.guide-inline-link { color:#106a76; text-decoration:underline; text-underline-offset:5px; font-size:14px; line-height:1.8; }
.guide-text-link { display:inline-block; margin:22px 0; }
.guide-next .guide-text-link { display:block; }
.guide-next .button { margin-top:18px; }
.guide-prose { max-width:840px; }
.guide-prose li { font-size:14px; line-height:2; margin:10px 0; }
.guide-access-note { margin:22px 0; padding:20px 24px; background:#e3f1ee; color:#173e4b; font-size:13px; line-height:1.9; }
.guide-image-note { max-width:860px; margin:24px auto 0; padding:16px 20px; border-left:3px solid #21818b; color:#466573; font-size:13px; line-height:1.9; background:#f5f7f3; }
.guide-setting-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; margin-top:32px; }
.guide-setting-grid>div { padding:22px 0; border-top:1px solid #c9dadd; }
.guide-setting-grid dt { font-size:17px; font-weight:700; }
.guide-setting-grid dd { font-size:14px; line-height:2; margin:10px 0 0; color:#466573; }
.guide-tag { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:6px 12px; color:#174851; background:#d8efed; border-radius:20px; font-size:11px; }
@media(max-width:800px) {
 .guide-hero-grid,.guide-two,.guide-steps,.guide-setting-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .guide-hero { padding:56px 0; }
 .guide-hero-grid { gap:40px; }
 .guide-section,.guide-band { padding:56px 0; }
 .guide-example { padding:24px; }
 .guide-scope { padding:22px; }
 .guide-page h1 { font-size:clamp(30px,8.4vw,46px); }
 .guide-example-title { font-size:20px; }
}