/* EMMU app guide additions. Shared layout, colors and interaction: /score-guide/. */
.eg-page .sg-guide-layout{scroll-margin-top:110px}
.eg-page .sg-chapter-number{flex:none;white-space:nowrap}.eg-page .sg-chapter-heading>div{min-width:0}
.eg-entry{padding:18px 22px;border:1px solid var(--sg-line);background:var(--sg-soft);border-radius:12px;margin-bottom:24px}
.eg-entry a{font-weight:700;color:var(--sg-accent)}
.eg-section-body{min-width:0}.eg-with-screen{display:grid;grid-template-columns:minmax(180px,255px) minmax(0,1fr);gap:28px;align-items:start}
.eg-phone{margin:0 0 26px;max-width:280px;width:100%;border:0;background:none;box-shadow:none;overflow:visible}
.eg-phone img{width:100%;height:auto;border-radius:22px;border:1px solid var(--sg-line);box-shadow:var(--sg-shadow)}
.eg-phone figcaption{padding:14px 3px;font-size:12px}.eg-phone figcaption small{display:block;margin-top:5px}
.eg-with-screen .sg-topic summary{padding:20px}.eg-with-screen .sg-topic-body{padding:0 20px 24px}
.eg-with-screen .sg-topic h3{font-size:16px}.eg-with-screen .sg-table-wrap{margin-left:0;margin-right:0}
.eg-diagram{padding:28px;background:var(--sg-paper);border:1px solid var(--sg-line);border-radius:20px;margin:0 0 30px}
.eg-diagram figcaption{font-size:12px;color:var(--sg-muted);margin-top:18px}
.eg-spaces{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.eg-space{padding:24px;background:var(--sg-bg);border:1px solid var(--sg-line);border-radius:14px}.eg-space-shared{background:var(--sg-soft)}
.eg-symbol{font-size:30px;color:var(--sg-accent)}.eg-space h3{font-size:19px}.eg-space p{font-size:13px;color:var(--sg-muted)}.eg-space ul{list-style:none;padding:0;font-size:14px;line-height:2}.eg-space small{display:block;font-size:11px;border-top:1px solid var(--sg-line);padding-top:12px}
.eg-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;padding:0;margin:24px 0 0}.eg-flow li{position:relative;border-radius:14px;padding:22px 16px;background:var(--sg-soft);text-align:center}.eg-flow li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:45%;color:var(--sg-accent)}.eg-flow span{color:var(--sg-accent);font:12px Arial;letter-spacing:.1em}.eg-flow h3{font-size:17px;margin:8px 0}.eg-flow p{font-size:13px}
.eg-next{padding:42px;background:var(--sg-soft);border-radius:22px}.eg-next h2{font-size:26px;margin:12px 0}.eg-next .sg-button{margin-top:22px}
@media(min-width:1200px){.eg-page .sg-guide-layout{grid-template-columns:265px minmax(0,1fr);gap:55px}.eg-with-screen .sg-topic-body{font-size:14px}}
@media(max-width:1100px){.eg-with-screen{grid-template-columns:minmax(0,1fr)}.eg-screens{display:flex;justify-content:center;gap:20px;align-items:flex-start}.eg-phone{max-width:250px}.eg-with-screen .sg-topic summary{padding:23px}.eg-with-screen .sg-topic-body{padding:0 23px 25px}}
@media(max-width:760px){.eg-page .sg-guide-layout{scroll-margin-top:85px}.eg-page .sg-hero h1{font-size:clamp(38px,9vw,56px)}.eg-screens{flex-wrap:wrap}.eg-phone{max-width:270px}.eg-diagram{padding:20px}.eg-spaces{grid-template-columns:1fr}.eg-space{padding:20px}.eg-flow{grid-template-columns:1fr;gap:25px}.eg-flow li:not(:last-child):after{content:'↓';right:calc(50% - 6px);top:auto;bottom:-23px}.eg-next{padding:25px}.eg-next h2{font-size:22px}}
@media print{.eg-with-screen{display:block}.eg-screens{display:flex;gap:20px;justify-content:flex-start}.eg-phone{max-width:170px;break-inside:avoid}.eg-diagram,.eg-next{break-inside:avoid}.eg-flow{grid-template-columns:repeat(3,1fr)}.eg-spaces{grid-template-columns:1fr 1fr}.eg-flow li:not(:last-child):after{content:'→';right:-19px;top:45%;bottom:auto}}