.web-book-template{--web-book-active:#6fa384;--web-book-related:#b99b52;width:min(100%,1080px);margin-inline:auto}.web-book-opening{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(1rem,3vw,2rem);margin-bottom:clamp(2.5rem,6vw,4.5rem);padding:clamp(1.2rem,3vw,2rem);display:grid}.web-book-opening__copy h2{letter-spacing:-.045em;margin:.35rem 0 .8rem;font-size:clamp(2rem,5vw,3.65rem)}.web-book-opening__copy>p:not(.eyebrow){line-height:1.65}.web-book-opening__link,.web-book-simulation-card__action{color:var(--color-text);text-underline-offset:.22em;font-weight:800;text-decoration-thickness:1px}.web-book-opening__frame-shell{border:1px solid var(--color-border);border-radius:calc(var(--radius-large) - .35rem);aspect-ratio:16/10;background:#050607;justify-self:end;width:100%;max-width:760px;overflow:hidden}.web-book-opening__frame{background:#050607;border:0;width:100%;height:100%;display:block}.web-book-controls{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-card);margin-bottom:clamp(2rem,5vw,3.5rem);overflow:hidden}.web-book-control-section{grid-template-columns:minmax(9rem,.26fr) 1fr;gap:1rem;padding:clamp(1rem,2.4vw,1.45rem);display:grid}.web-book-control-section+.web-book-control-section{border-top:1px solid var(--color-border)}.web-book-control-section h2,.web-book-results-heading h2{letter-spacing:-.015em;margin:0;font-size:clamp(1rem,2vw,1.15rem)}.web-book-dot-list{flex-wrap:wrap;gap:.45rem 1rem;display:flex}.web-book-dot-list--technique{gap:.35rem .8rem}.web-book-dot-button{min-height:44px;color:var(--color-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.58rem;padding:.48rem .7rem;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.web-book-dot{border:1px solid color-mix(in srgb, var(--color-muted) 68%, transparent);background:color-mix(in srgb, var(--color-muted) 42%, transparent);border-radius:50%;flex:0 0 .72rem;width:.72rem;height:.72rem}.web-book-dot-button:hover{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-text)}.web-book-dot-button[aria-pressed=true]{border-color:color-mix(in srgb, var(--web-book-active) 64%, var(--color-border));background:color-mix(in srgb, var(--web-book-active) 14%, var(--color-surface));color:var(--color-text)}.web-book-dot-button[aria-pressed=true] .web-book-dot{border-color:var(--web-book-active);background:var(--web-book-active);box-shadow:0 0 0 3px color-mix(in srgb, var(--web-book-active) 20%, transparent)}.web-book-dot-button[data-related=true]:not([aria-pressed=true]){border-color:color-mix(in srgb, var(--web-book-related) 70%, var(--color-border));background:color-mix(in srgb, var(--web-book-related) 17%, var(--color-surface));color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--web-book-related) 12%, transparent)}.web-book-dot-button[data-related=true]:not([aria-pressed=true]) .web-book-dot{border-color:var(--web-book-related);background:var(--web-book-related);box-shadow:0 0 0 3px color-mix(in srgb, var(--web-book-related) 22%, transparent)}.web-book-dot-button:focus-visible,.web-book-index-card:focus-visible,.web-book-card:focus-visible,.web-book-card__visual-button:focus-visible,.web-book-dialog button:focus-visible,.web-book-image-dialog button:focus-visible,.web-book-opening__link:focus-visible,.web-book-simulation-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.web-book-selection,.web-book-simulations{margin-bottom:clamp(2rem,5vw,3.5rem)}.web-book-simulation-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.web-book-simulation-card{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-height:10rem;color:var(--color-text);box-shadow:var(--shadow-card);gap:.45rem;padding:1.1rem;text-decoration:none;display:grid}.web-book-simulation-card strong{font-size:1.2rem}.web-book-simulation-card>span:not(.eyebrow):not(.web-book-simulation-card__action){color:var(--color-muted);line-height:1.5}.web-book-simulation-card__action{align-self:end;margin-top:.35rem}.web-book-results-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.web-book-results-heading--selection{align-items:flex-end}.web-book-section-hint{color:var(--color-muted);margin:.35rem 0 0;line-height:1.5}.web-book-results-status{color:var(--color-muted);margin:0;font-size:.9rem}.web-book-empty{border:1px solid var(--color-border);border-radius:var(--radius-large);color:var(--color-muted);padding:1rem}.web-book-results{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;border:1px solid var(--color-border);border-radius:var(--radius-large);background:color-mix(in srgb, var(--color-surface) 88%, var(--color-surface-soft));box-shadow:inset 0 -1.4rem 2.8rem color-mix(in srgb, var(--color-text) 4%, transparent);scrollbar-width:thin;gap:clamp(.75rem,2vw,1.25rem);margin:0;padding:clamp(1rem,2.5vw,1.5rem);list-style:none;display:flex;overflow-x:auto}.web-book-result{--web-book-index-width:clamp(9rem, 16vw, 12rem);--web-book-index-width-hover:clamp(11.7rem, 20.8vw, 15.6rem);flex:0 0 var(--web-book-index-width);z-index:0;scroll-snap-align:start;transition:flex-basis .26s cubic-bezier(.22,1,.36,1);position:relative}@media (hover:hover) and (pointer:fine){.web-book-result:hover{flex-basis:var(--web-book-index-width-hover);z-index:2}}.web-book-result[hidden]{display:none}.web-book-index-card{border:1px solid var(--color-border);border-radius:calc(var(--radius-large) - .45rem);background:var(--color-surface);width:100%;min-height:100%;color:var(--color-text);font:inherit;text-align:left;box-shadow:0 .65rem 1.4rem color-mix(in srgb, var(--color-text) 9%, transparent);cursor:pointer;grid-template-rows:auto 1fr;gap:0;padding:0;transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .22s;display:grid;overflow:hidden;transform:translateY(.35rem)}.web-book-index-card:hover,.web-book-index-card[aria-pressed=true]{border-color:color-mix(in srgb, var(--web-book-active) 68%, var(--color-border));box-shadow:0 .9rem 1.8rem color-mix(in srgb, var(--color-text) 14%, transparent);transform:translateY(-.1rem)}.web-book-index-card[aria-pressed=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--web-book-active) 18%, transparent), 0 .9rem 1.8rem color-mix(in srgb, var(--color-text) 14%, transparent)}.web-book-index-card__visual{aspect-ratio:1/1.08;background:var(--color-surface-soft);display:block;overflow:hidden}.web-book-index-card__visual img{object-fit:cover;width:100%;height:100%;display:block}.web-book-index-card__copy{align-content:start;gap:.25rem;padding:.75rem;display:grid}.web-book-index-card__copy strong{font-size:.92rem;line-height:1.25}.web-book-selected{margin-top:0}.web-book-card{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1.18fr) minmax(15rem,.82fr);display:grid;overflow:hidden}.web-book-card[hidden]{display:none}.web-book-card__visual{background:var(--color-surface-soft);place-items:center;min-height:18rem;margin:0;display:grid}.web-book-card__visual-button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;min-height:18rem;padding:0;display:grid;position:relative}.web-book-card__visual img{object-fit:contain;width:100%;height:100%;max-height:72vh;display:block}.web-book-card__fullscreen-label{border:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);color:#f2f6f3;background:#050607c7;border-radius:999px;min-height:36px;padding:.5rem .75rem;font-size:.82rem;font-weight:800;position:absolute;bottom:.75rem;right:.75rem}.web-book-card__body{align-self:center;padding:clamp(1.3rem,3vw,2.2rem)}.web-book-card__body h3{letter-spacing:-.035em;margin:.35rem 0 1rem;font-size:clamp(1.55rem,3vw,2.45rem)}.web-book-card__body>p:not(.eyebrow){line-height:1.65}.web-book-card__techniques{color:var(--color-muted);margin-top:1.15rem;font-size:.92rem}.web-book-card__details{border-top:1px solid var(--color-border);margin-top:1.35rem}.web-book-card__details summary{min-height:44px;color:var(--color-text);cursor:pointer;padding:.85rem 0;font-weight:700}.web-book-card__details summary::marker{color:var(--color-accent)}.web-book-card__text{padding:.25rem 0 .2rem}.web-book-card__text-section+.web-book-card__text-section{margin-top:1.3rem}.web-book-card__text-section h4{margin:0 0 .55rem;font-size:1rem}.web-book-card__text-section p{margin:0;line-height:1.68}.web-book-card__text-section p+p{margin-top:.75rem}.web-book-dialog,.web-book-image-dialog{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card);padding:0}.web-book-dialog{width:min(100% - 2rem,620px)}.web-book-image-dialog{width:min(100% - 1.5rem,96vw);max-width:none;height:min(94vh,1080px);max-height:94vh;overflow:hidden}.web-book-dialog::backdrop,.web-book-image-dialog::backdrop{background:#050607d1}.web-book-dialog__panel{padding:clamp(1.4rem,4vw,2.3rem)}.web-book-dialog__panel h2{letter-spacing:-.035em;margin:.35rem 0 1rem;font-size:clamp(1.6rem,4vw,2.35rem)}.web-book-dialog__panel>p:not(.eyebrow){line-height:1.65}.web-book-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;margin-top:1.5rem;display:flex}.web-book-dialog__actions button,.web-book-image-dialog__close{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1rem;font-weight:700}.web-book-dialog__actions .web-book-dialog__confirm{border-color:var(--color-accent-strong);background:var(--color-accent-strong);color:var(--color-surface)}.web-book-image-dialog__toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.web-book-image-dialog__toolbar h2{margin:.15rem 0 0;font-size:clamp(1rem,2vw,1.35rem)}.web-book-image-dialog__canvas{background:#050607;place-items:center;height:calc(100% - 5.2rem);padding:.8rem;display:grid}.web-book-image-dialog__canvas img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=760px){.web-book-opening,.web-book-control-section,.web-book-card{grid-template-columns:1fr}.web-book-opening__frame-shell{max-width:none}.web-book-control-section{gap:.7rem}.web-book-results-heading{flex-direction:column;align-items:flex-start;gap:.35rem}.web-book-result{--web-book-index-width:9.4rem;--web-book-index-width-hover:12.22rem;flex-basis:var(--web-book-index-width)}.web-book-card__visual,.web-book-card__visual-button{min-height:14rem}.web-book-image-dialog{width:calc(100% - .75rem);height:96vh;max-height:96vh}.web-book-image-dialog__toolbar{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.web-book-dot-button,.web-book-result,.web-book-index-card{transition:none}}