/* The same D paper and editorial rhythm on every existing reading surface. */
body{background:#f3f3fb;color:#102848}
.guide-header,.guide-footer{width:min(1200px,calc(100% - 64px))}
.guide-header{padding-block:28px;border-color:#bac7de}
.guide-logo{font-size:34px;letter-spacing:-.035em;color:#102848}
.guide-header>a:last-child{min-height:44px;display:flex;align-items:center;font-weight:700;font-size:15px;color:#102848}
.guide-main,.offer-workshop .guide-main{width:min(1120px,calc(100% - 64px));padding:48px 56px 64px;margin:36px auto 56px;background:#fff;border-radius:14px;box-shadow:0 20px 40px #1028480d}
.breadcrumbs{font-size:13px;color:#485a79;margin-bottom:26px;gap:12px}
.guide-main>.eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:#485a79;margin-bottom:20px}
.guide-main h1,.offer-workshop h1{font-size:clamp(40px,5.2vw,64px);font-weight:800;line-height:1.12;letter-spacing:-.035em;max-width:24ch;margin:0 0 28px;color:#102848}
.guide-main h1::after{content:'';display:block;width:64px;height:4px;background:#ef237c;margin-top:30px}
.guide-main .lead{font-size:21px;line-height:1.8;max-width:65ch}
.guide-main h2,.offer-workshop h2{font-weight:800;line-height:1.25;letter-spacing:-.025em;font-size:34px;max-width:30ch;margin-top:0}
.guide-main>section,.offer-workshop section{padding-top:38px;margin-top:44px;border-top:1px solid #d8dfed}
.guide-main p,.guide-main li{font-size:17px;line-height:1.85}
.guide-toc,.offer-workshop .guide-toc{padding:18px 0;gap:2px 28px;margin:32px 0 46px;border-color:#b8c6dd;font-size:14px}
.guide-toc a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#102848}
.guide-button,.offer-workshop .guide-button{background:#5af0c6;color:#102848;min-height:52px;padding:14px 22px;border-radius:6px;font-size:16px;font-weight:800;line-height:1.5}
.guide-button:hover,.offer-workshop .guide-button:hover{background:#7af4d2}
.example{border:0;background:#ecebff;padding:28px 32px;border-radius:10px}
.workshop-brief{border-radius:10px;padding:30px}
.workshop-brief>div{grid-template-columns:170px minmax(0,1fr);gap:30px}
.workshop-output blockquote{background:#f1f2fa;border-radius:10px}
.workshop-preview{border:0;background:#ecebff;box-shadow:0 12px 25px #1028480d}
.workshop-preview summary{padding:22px 24px;font-size:16px;min-height:64px}
.workshop-preview[open] summary{border-bottom:1px solid #bdc8e0}
.workshop-note{border:0;border-radius:10px;background:#eef8f5}
.workshop-files table{font-size:16px}
.workshop-files th{background:#ecebff;font-size:14px}
.guide-next,.offer-workshop .guide-next{padding:30px 0 0}
.guide-footer{padding-block:28px 40px;font-size:14px;border-color:#bac7de}
.guide-footer nav{gap:0 26px}
.guide-footer nav a{display:flex;align-items:center;min-height:44px;color:#102848}
.guide-footer p{font-size:13px;color:#485a79}
:focus-visible{outline-color:#ba1260}
::selection{background:#5af0c6;color:#102848}
@media(max-width:650px){.guide-header,.guide-footer{width:calc(100% - 40px)}.guide-header{padding-block:18px}.guide-logo{font-size:30px}.guide-header>a:last-child{font-size:13px}.guide-main,.offer-workshop .guide-main{width:calc(100% - 24px);padding:30px 20px 38px;margin:20px auto 32px;border-radius:10px}.guide-main h1,.offer-workshop h1{font-size:36px;line-height:1.14;max-width:19ch;margin-bottom:24px}.guide-main h1::after{margin-top:24px}.guide-main .lead{font-size:18px;line-height:1.8}.guide-main p,.guide-main li{font-size:16px;line-height:1.85}.guide-main h2,.offer-workshop h2{font-size:28px}.guide-main>section,.offer-workshop section{padding-top:28px;margin-top:34px}.guide-toc,.offer-workshop .guide-toc{margin:26px 0 34px;gap:0 20px;font-size:13px}.example,.workshop-note,.workshop-output blockquote{padding:22px}.workshop-brief{padding:22px}.workshop-brief>div{grid-template-columns:1fr;gap:10px}.workshop-preview summary{padding:18px;font-size:15px}.guide-button{max-width:100%}.guide-footer nav{gap:0 20px}}
@media print{body{background:#fff}.guide-main,.offer-workshop .guide-main{width:100%;margin:0;padding:0;box-shadow:none}.guide-main h1::after{display:none}}

.mcp-guide-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:15px;font-weight:700}.mcp-guide-nav a{display:inline-flex;align-items:center;min-height:44px;color:#102848}@media(max-width:650px){.mcp-guide-nav{gap:16px;font-size:13px}}