/* Scoped additions for readable product guides; the home phone frames and badge artwork remain unchanged. */
.feature-guides{background:var(--soft)}.feature-guides h2{max-width:850px}.feature-guides .section-intro{max-width:700px}.guide-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.guide-card{display:block;background:var(--paper);border-radius:24px;padding:32px}.guide-card h3{font-size:26px;line-height:1.35;color:var(--link)}.guide-card p{font-size:17px;line-height:1.7;color:var(--muted);margin-top:18px}.guide-card:hover h3{text-decoration:underline;text-underline-offset:4px}.guide-header nav{display:flex;align-items:center;gap:24px}.guide-home-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.guide-breadcrumbs{padding-top:26px;font-size:13px;color:var(--muted)}.guide-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;line-height:1.6}.guide-breadcrumbs li+li::before{content:"/";padding-right:8px}.guide-breadcrumbs a{color:var(--link)}.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:72px;align-items:center;padding-block:52px 80px}.guide-hero h1{font-size:48px;line-height:1.2;text-wrap:balance;max-width:750px}.guide-lead{font-size:21px;line-height:1.65;color:var(--muted);margin-top:26px;max-width:700px}.guide-hero .app-store-badge{margin:20px 0 8px -12px}.guide-screen{width:280px;max-width:100%;margin:auto}.guide-screen figcaption{margin-top:18px;line-height:1.6;text-align:center}.guide-reading{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;padding-block:24px 90px}.guide-toc{position:sticky;top:84px}.guide-toc h2{font-size:18px;line-height:1.5}.guide-toc ol{padding-left:20px;color:var(--muted);margin:18px 0 0}.guide-toc li{font-size:14px;line-height:1.6;margin-block:12px;padding-left:4px}.guide-toc a{display:block;min-height:44px;padding-block:8px}.guide-toc a:hover{color:var(--link)}.guide-article{min-width:0}.guide-article section+section{margin-top:46px}.guide-article h2{font-size:30px;line-height:1.3;letter-spacing:0;text-wrap:pretty}.guide-article p,.guide-article li{font-size:18px;line-height:1.8;color:var(--muted)}.guide-article p{margin-top:18px}.guide-article ol{padding-left:24px;margin-top:20px}.guide-article li{padding-left:8px;margin-block:14px}.guide-article section{scroll-margin-top:80px}
@media(max-width:1000px){.guide-hero{gap:36px;grid-template-columns:minmax(0,1fr) 240px}.guide-screen{width:240px}.guide-reading{gap:36px;grid-template-columns:200px minmax(0,1fr)}.guide-hero h1{font-size:40px}}
@media(max-width:760px){.guide-related{grid-template-columns:1fr;gap:18px;margin-top:26px}.guide-card{padding:26px;border-radius:22px}.guide-card h3{font-size:23px}.guide-card p{font-size:16px}.guide-home-link{display:none}.guide-header .small-button{min-height:36px}.guide-breadcrumbs{font-size:12px;padding-top:20px}.guide-hero{grid-template-columns:1fr;gap:36px;padding-block:36px 48px}.guide-hero h1{font-size:36px;line-height:1.25}.guide-lead{font-size:18px;line-height:1.7;margin-top:22px}.guide-screen{width:220px}.guide-reading{grid-template-columns:1fr;gap:32px;padding-block:12px 60px}.guide-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:22px}.guide-toc li{font-size:15px}.guide-article h2{font-size:26px;line-height:1.4}.guide-article p,.guide-article li{font-size:17px}.guide-article section+section{margin-top:36px}}
html[lang=th] .guide-hero h1,html[lang=th] .guide-article h2,html[lang=th] .guide-card h3{line-height:1.5}html[lang=th] .guide-lead,html[lang=th] .guide-article p,html[lang=th] .guide-article li{line-height:1.9}html[lang=ko] .guide-card h3,html[lang=ko] .guide-article h2{word-break:keep-all}
