.res-wrap{max-width:1020px;margin:0 auto;padding:48px clamp(16px,4vw,24px) 72px}.res-hero{display:grid;grid-template-columns:minmax(220px,300px) 1fr;grid-gap:clamp(24px,4vw,52px);gap:clamp(24px,4vw,52px);align-items:start;margin-top:22px}.res-cover{margin:0}.res-cover img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 18px 40px rgba(5,28,61,.22),0 2px 6px rgba(5,28,61,.12)}.res-cover figcaption{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--muted);text-align:center}.res-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:14px;font-size:13.5px;color:var(--muted)}.res-meta span+span:before{content:"\00b7";padding:0 9px}.res-buy{margin-top:22px;max-width:460px;background:#ffffff;border:1px solid var(--hair);border-radius:12px;padding:18px 20px 20px}.res-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}.res-amount{font-size:34px;font-weight:700;letter-spacing:-.01em;color:var(--ink);line-height:1}.res-price-note{font-size:13.5px;color:var(--muted)}.res-btn{width:100%;margin-top:14px;padding:14px 18px;font-size:15px}.res-btn[disabled]{opacity:.6;cursor:default}.res-fine{margin:12px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted)}.res-link{color:var(--rubric);font-weight:600;text-decoration:underline;text-underline-offset:3px}.res-field{margin-top:14px}.res-again label,.res-field label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.res-input{display:block;width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;font-size:16px;color:var(--ink);background:#ffffff;border:1px solid var(--hair);border-radius:8px}.res-input:focus{outline:2px solid var(--brass);outline-offset:1px}.res-input--bad{border-color:#b42318}.res-field-err{display:block;margin-top:6px;font-size:13px;color:#b42318}.res-field+.res-btn{margin-top:12px}.res-forget{display:inline-block;margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:var(--ink);opacity:.72;text-decoration:underline;cursor:pointer}.res-forget:focus-visible,.res-forget:hover{opacity:1}.res-again{margin-top:14px;padding-top:12px;border-top:1px solid var(--hair)}.res-again summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--rubric)}.res-again form{margin-top:12px}.res-again-row{display:flex;gap:8px;flex-wrap:wrap}.res-again-row .res-input{flex:1 1 200px;width:auto}.res-again-row .btn{flex:none;padding:11px 16px}.res-note{margin:12px 0 0;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.5}.res-note:empty{margin:0;padding:0;min-height:0}.res-note--ok{background:#eaf5ee;color:#1a7f4b}.res-note--warn{background:#fdf3e2;color:#8a5a12}.res-note--muted{background:var(--surface);color:var(--body)}.res-note--err{background:#fbecea;color:#b42318}.res-section{margin-top:52px;max-width:780px}.res-section p{font-size:16px;line-height:1.7;color:var(--body);margin:14px 0 0}.res-samples{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:18px}.res-samples figure{margin:0}.res-samples img{display:block;width:100%;height:auto;border:1px solid var(--hair);border-radius:4px;box-shadow:0 8px 20px rgba(5,28,61,.14)}.res-samples figcaption{margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--muted);text-align:center}.res-part{border-bottom:1px solid var(--hair)}.res-part summary{cursor:pointer;padding:13px 4px;font-size:15.5px;font-weight:600;color:var(--ink);list-style:none;display:flex;align-items:baseline;gap:12px}.res-part summary::-webkit-details-marker{display:none}.res-part summary:before{content:"+";font-weight:500;color:var(--brass);width:12px;flex:none}.res-part[open] summary:before{content:"\2013"}.res-part-letter{font-family:var(--font-mono),ui-monospace,monospace;font-size:12.5px;font-weight:600;color:var(--brass);letter-spacing:.04em;flex:none}.res-part-count{margin-left:auto;font-size:13px;font-weight:500;color:var(--muted);flex:none}.res-chapters{margin:0 0 14px;padding:0 4px 0 42px;font-size:15px;line-height:1.55;color:var(--body)}.res-chapters li{padding:4px 0}.res-coded{list-style:none;padding-left:30px}.res-coded li{display:grid;grid-template-columns:34px 1fr;grid-column-gap:8px;column-gap:8px}.res-coded .res-entry{grid-column:2}.res-code{font-family:var(--font-mono),ui-monospace,monospace;font-size:12.5px;font-weight:600;color:var(--brass);padding-top:2px}.res-entry,.res-people{display:block}.res-people{font-size:13.5px;line-height:1.5;color:var(--muted)}.res-buy{scroll-margin-top:84px}.res-samples[data-count="4"]{grid-template-columns:repeat(4,1fr)}.res-samples a{display:block;cursor:zoom-in}.res-viewer{position:fixed;inset:0;z-index:1000;background:rgba(3,12,28,.96);display:flex;justify-content:center}.res-viewer-panel{display:flex;flex-direction:column;width:100%;max-width:980px;height:100vh;height:100dvh;padding:10px 16px;box-sizing:border-box}.res-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:52px}.res-viewer-label{color:#ffffff;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-viewer-count{color:rgba(255,255,255,.78);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.res-viewer-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#ffffff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;flex:none}.res-viewer-btn:hover{background:rgba(255,255,255,.18)}.res-viewer-btn:focus-visible{outline:2px solid #c09550;outline-offset:2px}.res-viewer-btn[aria-disabled=true]{opacity:.35;cursor:default}.res-viewer-stage{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center}.res-viewer-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#ffffff;border-radius:3px;box-shadow:0 12px 40px rgba(0,0,0,.45)}.res-band{margin-top:52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;background:var(--how-bg);border-radius:12px;padding:20px 24px}.res-cards{display:grid;grid-gap:20px;gap:20px;margin-top:28px}.res-card{display:grid;grid-template-columns:150px 1fr;grid-gap:24px;gap:24px;align-items:start;background:#ffffff;border:1px solid var(--hair);border-radius:12px;padding:22px}.res-card img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 10px 24px rgba(5,28,61,.2)}.res-card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:16px}.res-card-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px}.res-steps{margin:16px 0 0;padding-left:20px;font-size:15px;line-height:1.65;color:var(--body)}.res-steps li{padding:3px 0}@media (max-width:720px){.res-hero{grid-template-columns:1fr}.res-cover{max-width:240px}.res-samples{gap:10px}.res-samples[data-count="4"]{grid-template-columns:repeat(2,1fr)}.res-card-actions{margin-left:0;width:100%}.res-card-actions .btn{flex:1 1 auto}.res-viewer-panel{padding:6px 10px}.res-card{grid-template-columns:110px 1fr;gap:16px;padding:16px}}