/* Guide composition; all visual values consume the shared website adapter. */
.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:10;transform:translateY(-200%);background:var(--color-lemon);padding:var(--space-3)}.skip-link:focus{transform:none}.guide-hero{grid-template-columns:1fr 1fr}.guide-hero h1{max-width:18ch}.definition{margin-block:var(--space-5) var(--space-6);max-width:55ch}.nonstop-guide figure{min-width:0}.nonstop-guide figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.nonstop-guide figcaption{color:var(--color-textSecondary);font-size:var(--type-meta);line-height:var(--line-meta);margin-top:var(--space-3);max-width:60ch}.format-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.format-choices>a{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;border-top:var(--border-focus) solid var(--color-ink);padding-block:var(--space-5);font-size:var(--type-body-small);line-height:var(--line-body-small)}.format-choices>a:hover .choice-heading strong{text-decoration:underline;text-underline-offset:var(--space-1)}.choice-heading{display:grid;grid-template-columns:var(--icon-large) minmax(0,1fr) auto;align-items:start;gap:var(--space-3);font-size:var(--type-title-3);line-height:var(--line-title-3)}.choice-heading>span:last-child{margin-left:auto}.format-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--icon-large);width:var(--icon-large);height:var(--icon-large);border-radius:var(--radius-round);background:var(--color-brandSoft);color:var(--color-ink)}.format-icon{display:block;width:var(--icon-small);height:var(--icon-small)}.choice-scoring{margin-top:auto;color:var(--color-textSecondary)}.format-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:center}.format-title{display:flex;align-items:center;gap:var(--space-4);font-size:var(--type-hero);line-height:var(--line-hero)}.scoring{margin-top:var(--space-6);padding-left:var(--space-4);border-left:var(--border-feature) solid var(--color-lemon)}.scoring h3{font-size:var(--type-label);line-height:var(--line-label)}.scoring p{margin-top:var(--space-2);color:var(--color-textSecondary);max-width:55ch}.variant{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surfaceQuiet);font-size:var(--type-body-small);line-height:var(--line-body-small);border-radius:var(--radius-control)}.variant p{margin-top:var(--space-2);color:var(--color-textSecondary)}.illustrated-guide{margin-top:var(--space-8);border-block:var(--border-default) solid var(--color-borderSubtle)}.illustrated-guide>summary{padding-block:var(--space-5);cursor:pointer;font-weight:var(--weight-semibold);min-height:var(--controlHeight-default)}.illustrated-guide>summary span{margin-left:var(--space-4);font-size:var(--type-label);line-height:var(--line-label);font-weight:var(--weight-regular);color:var(--color-textSecondary)}summary:focus-visible{outline:var(--border-focus) solid var(--color-court);outline-offset:var(--space-1)}.guide-content{padding-bottom:var(--space-8)}.guidance{margin-block:var(--space-4) var(--space-6)}.guidance strong,.optional-round{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-brandSoft);font-size:var(--type-label);line-height:var(--line-label);font-weight:var(--weight-semibold)}.guidance p{font-size:var(--type-meta);line-height:var(--line-meta);color:var(--color-textSecondary);margin-top:var(--space-2)}.final-note{border-left:var(--border-feature) solid var(--color-court);padding:var(--space-3) var(--space-4);margin-block:var(--space-6)}.story-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.step-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.step-tabs button{background:var(--color-white);border:var(--border-default) solid var(--color-borderStrong);border-radius:var(--radius-round);min-width:var(--controlHeight-compact);min-height:var(--controlHeight-compact);color:var(--color-ink)}.step-tabs button[aria-pressed=true]{background:var(--color-selection);color:var(--color-white);border-color:var(--color-selection)}.story-steps{list-style:none;padding:0;margin:var(--space-6) 0}.story-steps>li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-12);align-items:center;margin-bottom:var(--space-8)}.story-steps>li[hidden], [hidden]{display:none!important}.story.is-enhanced .story-steps>li{margin:0;animation:story-enter .35s ease-out}.step-copy>p:last-child{margin-top:var(--space-4);color:var(--color-textSecondary);max-width:50ch}.step-copy h3{font-size:var(--type-title-1);line-height:var(--line-title-1)}.optional-round{margin-bottom:var(--space-3)}.story-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;border-top:var(--border-default) solid var(--color-borderSubtle);padding-top:var(--space-5)}.story-status{font-size:var(--type-meta);line-height:var(--line-meta);color:var(--color-textSecondary)}.text-button{border:0;background:transparent;min-height:var(--controlHeight-compact);padding:var(--space-2);text-decoration:underline;text-underline-offset:var(--space-1);color:var(--color-ink);font-weight:var(--weight-semibold)}button:disabled{opacity:.5;cursor:default}.format-names{border-top:var(--border-default) solid var(--color-borderSubtle);padding-top:var(--space-6);margin-top:var(--space-8)}.format-names p{margin-top:var(--space-3);max-width:80ch;color:var(--color-textSecondary)}.court-experiment{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-8);margin-top:var(--space-10);padding-top:var(--space-8);border-top:var(--border-default) solid var(--color-borderSubtle)}.court-experiment p{margin-top:var(--space-3)}.aerial-map{width:100%;height:auto}.court-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}.court-result{font-weight:var(--weight-semibold)}#sd-follow{transition:transform .7s ease-in-out}.faq{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.faq details{border-bottom:var(--border-default) solid var(--color-borderSubtle);padding-block:var(--space-5)}.faq details:first-child{padding-top:0}.faq summary{font-weight:var(--weight-semibold);min-height:var(--controlHeight-compact);cursor:pointer}.faq details p{color:var(--color-textSecondary);margin-top:var(--space-3)}.guide-link{padding-block:var(--space-8)}.guide-link h2{font-size:var(--type-title-2);line-height:var(--line-title-2)}.guide-link p{margin-block:var(--space-3)}
@keyframes story-enter{from{opacity:.3;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}
@media(max-width:1023px){.guide-hero{grid-template-columns:1fr 1fr;gap:var(--space-8)}.format-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.format-title{font-size:var(--type-title-1);line-height:var(--line-title-1)}.format-intro{gap:var(--space-6)}.story-steps>li{gap:var(--space-6)}.step-copy h3{font-size:var(--type-title-2);line-height:var(--line-title-2)}}
@media(max-width:639px){.guide-hero,.format-intro,.story-steps>li,.court-experiment,.faq{grid-template-columns:1fr}.guide-hero figure{margin-top:var(--space-2)}.format-choices{gap:var(--space-5)}.choice-heading{font-size:var(--type-body);line-height:var(--line-body);flex-wrap:wrap}.choice-heading .format-badge{flex-basis:var(--icon-large)}.format-choices>a{font-size:var(--type-meta);line-height:var(--line-meta)}.illustrated-guide>summary span{display:block;margin-left:var(--space-5);margin-top:var(--space-1)}.story-steps{margin-block:var(--space-4) var(--space-6)}.story-controls .story-reset{margin-left:auto}.step-copy{padding-bottom:var(--space-3)}.nonstop-guide .hero{padding-bottom:var(--space-8)}}
@media(prefers-reduced-motion:reduce){.story.is-enhanced .story-steps>li{animation:none}#sd-follow{transition:none}}