.manual-page{background:var(--paper);font-size:16px;line-height:2}
.manual-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;max-width:1500px;margin:auto}
.manual-nav{position:sticky;top:0;align-self:start;height:100vh;overflow:auto;background:var(--white);border-left:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.manual-nav strong{font-size:19px;margin:20px 8px 8px}
.manual-nav a{display:block;border-radius:8px;padding:7px 10px;font-size:15px;color:var(--ink)}
.manual-nav a:hover,.manual-nav a:focus-visible{background:#eaf3ed;color:var(--green)}
.manual-nav .manual-brand{font-weight:700;color:var(--green);border:1px solid var(--line)}
.manual-main{margin:0;width:auto;max-width:none;padding:35px clamp(20px,5vw,75px)}
.manual-hero{display:block;background:var(--dark);color:white;padding:35px 40px;border-radius:20px;margin-bottom:25px}
.manual-hero h1{font-size:35px;margin:0 0 12px}
.manual-hero p{font-size:18px;line-height:1.9;max-width:760px;color:#e0eee3}
.manual-hero .eyebrow{color:#cde4bf;font-size:15px}
.manual-action{display:inline-block;background:#e5edb6;color:#20483a;border-radius:9px;padding:8px 18px;font-size:16px;font-weight:700}
.manual-section{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px 35px;margin-bottom:20px;scroll-margin-top:18px;overflow-wrap:anywhere}
.manual-section h2{font-size:25px;margin-bottom:16px}
.manual-section p{margin-bottom:15px}.manual-section p:last-child{margin-bottom:0}
.manual-section ol,.manual-section ul{padding-right:25px;margin:0 0 18px}
.manual-section li{padding-right:5px;margin-bottom:11px}
.manual-section li::marker{color:var(--green);font-weight:700}
.flow{background:#eef5ee;border:1px solid #d7e7d6;border-radius:12px;padding:15px 20px;margin-bottom:18px;font-weight:650}
.flow b{color:var(--green);padding:0 5px}
.manual-note{background:#eef5ee;border-right:4px solid var(--green);border-radius:8px;padding:12px 16px}
.manual-terms{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.manual-terms div{border:1px solid var(--line);padding:10px 14px;border-radius:10px}
.manual-terms dt{font-weight:700;color:var(--green)}.manual-terms dd{margin:0}
.manual-section table{white-space:normal;margin:14px 0 20px}.manual-section td,.manual-section th{font-size:16px;vertical-align:top}
.scenario li{padding:8px 5px 8px 0;border-bottom:1px solid var(--line)}.scenario li:last-child{border:0}
.manual-section details{border-top:1px solid var(--line);padding:12px 0}.manual-section summary{cursor:pointer;font-weight:700;color:var(--green)}
.manual-section details p{padding:10px 15px 0;margin:0}
.manual-footer{font-size:15px}.manual-footer a{color:var(--green);text-decoration:underline}
@media(prefers-color-scheme:dark){.manual-nav{background:#162921}.manual-nav a:hover,.manual-nav a:focus-visible,.flow,.manual-note{background:#20372d}.flow{border-color:#365441}.manual-hero p{color:#e0eee3}}
@media(max-width:850px){.manual-layout{display:block}.manual-nav{position:static;height:auto;display:flex;flex-direction:row;overflow:auto;white-space:nowrap;padding:10px 14px;border-left:0;border-bottom:1px solid var(--line)}.manual-nav strong{display:none}.manual-nav a{flex:none}.manual-main{padding:20px 14px}.manual-hero{padding:25px}.manual-hero h1{font-size:27px}.manual-section{padding:22px 18px}.manual-terms{grid-template-columns:1fr}}
@media print{.manual-layout{display:block}.manual-nav,.manual-action{display:none}.manual-main{padding:0}.manual-hero{background:none;color:#000;padding:0}.manual-hero p{color:#000}.manual-section{break-inside:avoid;border:0;border-bottom:1px solid #ccc;border-radius:0}.manual-page{color:#000;background:#fff}}
/* Match the guide to the workshop while keeping long instructions readable. */
.manual-main,.manual-section,.manual-terms>div{min-width:0}
.manual-section h3{font-size:19px;margin-top:22px}
.manual-section a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.manual-hero{margin-top:0}.manual-nav a{line-height:1.7;min-height:40px}
.manual-section summary{min-height:44px;padding:4px 0}
@media(max-width:850px){.manual-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;white-space:normal;max-height:300px;overflow:auto;gap:4px}.manual-nav a{font-size:13px;padding:7px 10px}.manual-nav .manual-brand{grid-column:1/-1}.manual-main{width:100%;margin:0}.manual-page{font-size:15px}.manual-hero h1{font-size:26px}.manual-hero p{font-size:16px}.manual-section h2{font-size:21px}.manual-section{padding:20px 16px}.manual-note{padding:12px}.manual-terms{grid-template-columns:1fr}}
@media print{.manual-hero,.manual-section,.manual-note,.flow,.manual-terms>div{background:#fff!important;color:#000!important;box-shadow:none}.manual-hero .eyebrow{color:#444}.manual-section{break-inside:auto;padding:12px 0}.manual-section h2,.manual-section h3{break-after:avoid}.manual-terms>div,li{break-inside:avoid}.manual-main{margin:0!important;width:100%!important}.manual-section details{content-visibility:visible}.manual-section details::details-content{content-visibility:visible;height:auto}.manual-section details>*{display:block}.manual-nav{display:none}}

.manual-section table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:18px 0}
.manual-section th,.manual-section td{border:1px solid var(--line);padding:10px;min-width:150px;vertical-align:top}
.relation-guide{scroll-margin-top:24px}.relation-guide:target{outline:2px solid var(--green);outline-offset:3px}
.relation-guide dl{margin:12px 0}.relation-guide dt{font-weight:700;margin-top:10px}.relation-guide dd{margin:4px 0 12px;line-height:2}