/* Phase 2 extends the established A5 design; original product styles remain. */
.header nav{flex-wrap:wrap;gap:22px;justify-content:flex-end}
.on-page{display:flex;flex-wrap:wrap;gap:14px 25px;padding-block:20px;border-block:1px solid var(--line);font-size:14px}
.reading{max-width:820px}.reading h3{margin-top:35px}.reading p{max-width:75ch}
.method-steps{padding-left:27px}.method-steps li{padding-left:14px;margin:28px 0}.method-steps h3{margin:0 0 12px;font-size:25px}
.notation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.notation-card{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.notation-card h3{font-size:24px}.notation-card p:last-child{margin:0}
.notation-demo{min-height:105px;margin-bottom:24px;display:flex;align-items:center;padding:10px 16px;background:repeating-linear-gradient(white 0px,white 24px,#d6efed 25px,white 26px);font-family:Georgia,serif;line-height:26px}
.chapter-mark{border:1.5px solid var(--ink);height:52px;display:flex;align-items:center;padding:0 10px;font-size:18px}
.section-mark{color:#205a93;font-weight:bold}.important-mark{color:#aa294a;font-weight:bold}
.indent-demo{display:block;padding-top:25px;text-indent:22px}
.insight-mark{border-left:2px solid #aa294a;color:#aa294a;padding:0 8px;margin-left:28px;position:relative}
.insight-mark b{position:absolute;left:-35px;top:-1px;border:2px solid #aa294a;padding:0 3px;background:white;font:700 14px/24px system-ui}
.quote-mark{border-left:2px solid #205a93;padding-left:14px}
.paraphrase-mark{position:relative;padding-left:24px;color:#205a93}.paraphrase-mark svg{position:absolute;left:0;top:0}
.format-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.format-summary article{padding:30px;border:1px solid var(--line);border-radius:8px;background:white}
.spec-table{width:100%;border-collapse:collapse;margin:25px 0;text-align:left}.spec-table th,.spec-table td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.spec-table th{width:30%}
.format-gallery{max-width:900px}.format-gallery .gallery{align-items:start}.format-gallery .preview img{aspect-ratio:17/22;object-fit:contain;background:#fff}
.example-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start;padding-block:50px;border-top:1px solid var(--line)}.example-row h2{font-size:34px}.example-row .example-copy{position:sticky;top:35px}.example-row ul{padding-left:22px}.example-row li{margin-bottom:14px}.example-number{color:var(--accent)}
.home-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-paths article{padding:25px;border-top:2px solid #83aaa7}.home-paths h2{font-size:28px}.home-paths p{color:var(--muted)}
.home-example{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.home-example figure{max-width:440px;margin:auto}
.collection-anchor{scroll-margin-top:30px}.proof-status{font-size:14px;color:var(--muted)}
@media(max-width:900px){.header nav{justify-content:center;gap:12px 24px}.example-row,.home-example{gap:30px}.home-paths{gap:12px}.home-paths article{padding:20px 12px}}
@media(max-width:650px){.header nav{gap:2px 18px}.header nav a{font-size:13px}.notation-grid,.format-summary,.example-row,.home-example,.home-paths{grid-template-columns:1fr}.notation-card{padding:22px}.example-row{gap:25px;padding-block:35px}.example-row .example-copy{position:static}.spec-table th,.spec-table td{padding:12px 6px;font-size:14px}.on-page{gap:10px 18px}.format-gallery .gallery{grid-template-columns:1fr}.home-example{gap:28px}.hero h1{font-size:clamp(39px,11vw,48px)}.notation-demo{font-size:16px}.chapter-mark{font-size:16px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.format-color h3{font-size:23px}

[hidden]{display:none!important}

.insight-mark b{left:-33px;width:33px;text-align:center}

.notes-nav{font-size:13px;background:var(--paper)}.notes-nav [aria-current="page"]{font-weight:700;text-decoration-thickness:2px;text-underline-offset:5px}.format-summary .preview-item{max-width:290px;margin:25px auto}.spec-table caption{text-align:left;font-weight:600;margin-bottom:12px}