.guide-shell{background:var(--surface, #fff);border:1px solid var(--line, #dfe5e2);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm);padding:1.5rem;display:grid;gap:1.25rem;max-width:100%;overflow-x:hidden;overflow-x:clip}.guide-offline-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--warning-border, #e0c37a);background:var(--warning-soft, #fff6dd);color:var(--warning-strong, #604512);border-radius:10px;font-size:.92rem;line-height:1.45;font-weight:500}.guide-offline-banner[hidden]{display:none}.newcomer-context{display:grid;gap:1rem}.newcomer-context h2,.newcomer-context h3{margin:0;font-family:Literata,Georgia,serif}.newcomer-context h2{font-size:clamp(1.35rem,3vw,1.9rem)}.newcomer-context h3{font-size:1rem}.newcomer-context p{margin:.35rem 0 0;color:var(--ink, #1a2024);line-height:1.55}.newcomer-context__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.newcomer-context__grid article{border:1px solid var(--line, #dfe5e2);border-radius:10px;padding:.85rem 1rem;background:var(--surface, #fff)}.newcomer-context__links{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.92rem}.guide-progress{display:grid;gap:.5rem}.guide-progress__label{font-size:.88rem;font-weight:600;color:var(--brand-strong, #064d3e)}.guide-progress__track{height:8px;background:var(--line-soft, #edf0ed);border-radius:999px;overflow:hidden}.guide-progress__bar{height:100%;background:linear-gradient(90deg,#0a6b56,#14b890);transition:width var(--duration, .25s) var(--ease-out)}.guide-step{display:grid;gap:.85rem}.guide-step h2{margin:0;font-family:Literata,Georgia,serif;outline:none}.guide-step__help{margin:0;color:var(--muted, #4a5459);font-size:.92rem;line-height:1.5}.guide-field{display:grid;gap:.5rem}.guide-field label{font-weight:600;font-size:.88rem}.guide-field input[type=text]{width:100%;padding:.7rem .85rem;font-size:1rem;border:1.5px solid var(--line, #dfe5e2);border-radius:10px;background:var(--surface, #fff);color:var(--ink, #1a2024);min-height:2.75rem}.guide-field input[type=text]:focus{outline:2px solid var(--brand, #0a6b56);outline-offset:1px}.guide-status{margin:0;padding:.5rem .75rem;border-radius:8px;background:var(--brand-soft, #e0f3ed);color:var(--brand-strong, #064d3e);font-size:.88rem}.guide-radiogroup{border:0;padding:0;margin:0;display:grid;gap:.5rem}.guide-radio{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border:1.5px solid var(--line, #dfe5e2);border-radius:12px;background:var(--surface, #fff);cursor:pointer;min-height:44px}.guide-radio:focus-within{outline:3px solid var(--brand, #0a6b56);outline-offset:2px}.guide-radio:has(input:checked){border-color:var(--brand, #0a6b56);background:var(--brand-soft, #e0f3ed)}.guide-radio input[type=radio]{margin-top:.2rem;accent-color:var(--brand, #0a6b56);width:1.1rem;height:1.1rem;flex-shrink:0}.guide-radio__body{display:grid;gap:.15rem}.guide-radio__desc{color:var(--muted, #4a5459);font-size:.85rem}.guide-subquestion{display:grid;gap:.4rem;padding:.85rem 1rem;border:1px dashed var(--line, #dfe5e2);border-radius:10px;background:var(--surface-dim, #f9faf8)}.guide-subquestion label{font-weight:600;font-size:.88rem}.guide-subquestion select{padding:.6rem .7rem;border:1.5px solid var(--line, #dfe5e2);border-radius:8px;background:var(--surface, #fff);font-size:.95rem;min-height:2.75rem}.guide-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem}.guide-chip{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .9rem;border:1px solid var(--line, #dfe5e2);border-radius:999px;background:var(--surface, #fff);color:var(--ink, #1d2b27);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.guide-chip[aria-pressed=true]{background:var(--brand-strong, #064d3e);border-color:var(--brand-strong, #064d3e);color:#fff}.guide-chip[aria-pressed=true]:before{content:"\2713";margin-right:.35rem;font-weight:800}.guide-chip:disabled{opacity:.45;cursor:not-allowed}.guide-chip:focus-visible{outline:2px solid var(--focus, #0a7a5f);outline-offset:2px}.guide-chips__count{margin:0 0 1rem;font-size:.85rem;color:var(--muted, #4a5459)}.guide-finetune{margin:0 0 1rem;border:1px solid var(--line, #dfe5e2);border-radius:10px;background:var(--surface-dim, #f9faf8);padding:0 .85rem}.guide-finetune>summary{cursor:pointer;font-weight:600;color:var(--brand-strong, #064d3e);padding:.6rem 0}.guide-finetune .guide-sliders{padding-bottom:.85rem}@media(prefers-reduced-motion:reduce){.guide-chip{transition:none}}.guide-sliders{display:grid;gap:1rem}.guide-slider{display:grid;gap:.35rem}.guide-slider>label{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.92rem}.guide-slider output{font-variant-numeric:tabular-nums;padding:.15rem .55rem;border-radius:999px;background:var(--brand-soft, #e0f3ed);color:var(--brand-strong, #064d3e);font-size:.85rem;min-width:2rem;text-align:center}.guide-slider input[type=range]{width:100%;accent-color:var(--brand, #0a6b56);height:44px;padding:0;background:transparent;-webkit-appearance:none;appearance:none;touch-action:manipulation}.guide-slider input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--line-soft, #edf0ed);border-radius:999px}.guide-slider input[type=range]::-moz-range-track{height:8px;background:var(--line-soft, #edf0ed);border-radius:999px}.guide-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-10px;background:var(--brand, #0a6b56);border:3px solid var(--surface, #fff);border-radius:50%;box-shadow:0 0 0 1px var(--brand-strong, #064d3e);cursor:grab}.guide-slider input[type=range]::-moz-range-thumb{width:28px;height:28px;background:var(--brand, #0a6b56);border:3px solid var(--surface, #fff);border-radius:50%;box-shadow:0 0 0 1px var(--brand-strong, #064d3e);cursor:grab}.guide-slider input[type=range]:focus-visible{outline:3px solid var(--brand, #0a6b56);outline-offset:4px;border-radius:8px}.guide-slider__help{margin:0;color:var(--muted, #4a5459);font-size:.8rem;line-height:1.4}.guide-info{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;margin-left:.25rem;border-radius:999px;background:var(--brand-soft, #e0f3ed);color:var(--brand-strong, #064d3e);font-size:.72rem;font-weight:700;line-height:1;position:relative;vertical-align:middle}.guide-info:focus-visible{outline:2px solid var(--brand, #0a6b56);outline-offset:2px}.guide-info:hover:after,.guide-info:focus:after{content:attr(data-tooltip);position:absolute;z-index:20;left:50%;bottom:calc(100% + .45rem);transform:translate(-50%);width:min(18rem,78vw);padding:.55rem .65rem;border-radius:8px;background:var(--ink, #1a2024);color:#fff;font-size:.78rem;font-weight:500;line-height:1.35;box-shadow:var(--shadow-sm)}.guide-summary{display:grid;gap:.4rem;margin:0;padding:.85rem 1rem;border:1px solid var(--line-soft, #edf0ed);border-radius:12px;background:var(--surface-dim, #f9faf8)}.guide-summary__row{display:grid;grid-template-columns:minmax(110px,30%) 1fr;gap:.5rem;font-size:.9rem}.guide-summary dt{color:var(--muted, #4a5459);font-weight:600;margin:0}.guide-summary dd{margin:0;color:var(--ink, #1a2024)}@media(max-width:480px){.guide-summary__row{grid-template-columns:1fr;gap:.1rem}}.guide-results-placeholder{padding:1rem 1.25rem;border:1px dashed var(--brand-muted, #b2ddd0);border-radius:12px;background:var(--brand-soft, #e0f3ed);color:var(--brand-strong, #064d3e)}.guide-results-placeholder p{margin:0 0 .5rem}.guide-results-placeholder p:last-child{margin-bottom:0}.guide-salsa-banner{margin:0;padding:.85rem 1rem;border:1px solid var(--warning-border, #e0c37a);background:var(--warning-soft, #fff6dd);color:var(--warning-strong, #604512);border-radius:10px;font-size:.9rem;line-height:1.5}.guide-salsa-banner p{margin:0}.guide-salsa-banner a{color:inherit;text-decoration:underline;font-weight:600}.guide-results-status{margin:0;padding:.75rem 1rem;border:1px dashed var(--line, #dfe5e2);border-radius:10px;background:var(--surface-dim, #f9faf8);color:var(--muted, #4a5459);font-size:.9rem}.guide-results-status[hidden]{display:none}.guide-view-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .85rem;margin:0}.guide-view-switch[hidden]{display:none}.guide-viewtabs{display:inline-flex;gap:.2rem;margin:0;padding:.2rem;border:1px solid var(--line, #dfe5e2);border-radius:999px;background:var(--surface-dim, #f9faf8)}.guide-viewtab{position:relative;display:inline-flex;cursor:pointer}.guide-viewtab input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.guide-viewtab__body{display:inline-flex;flex-direction:column;align-items:center;line-height:1.15;padding:.35rem .9rem;border-radius:999px;color:var(--muted, #4a5459);transition:background-color .15s ease,color .15s ease}.guide-viewtab__title{font-weight:700;font-size:.87rem}.guide-viewtab__sub{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.guide-viewtab input:checked+.guide-viewtab__body{background:var(--brand-strong, #064d3e);color:#fff}.guide-viewtab input:focus-visible+.guide-viewtab__body{outline:2px solid var(--focus, #0a7a5f);outline-offset:2px}.guide-view-coverage{margin:0;font-size:.82rem;color:var(--muted, #4a5459)}.guide-explainer{border:1px solid var(--line, #dfe5e2);border-radius:10px;background:var(--surface-dim, #f9faf8);padding:0 .9rem}.guide-explainer[hidden]{display:none}.guide-explainer>summary{cursor:pointer;padding:.7rem 0;font-weight:700;color:var(--brand-strong, #064d3e)}.guide-explainer__body{padding:0 0 .7rem}.guide-explainer__body p{margin:0 0 .6rem;font-size:.9rem;line-height:1.55}.guide-explainer__body p:last-child{margin-bottom:0}.guide-result__score{margin:.2rem 0 0;font-size:.85rem;font-weight:700;color:var(--brand-strong, #064d3e)}.guide-result__score--missing{font-weight:600;color:var(--muted, #4a5459)}.guide-result__delta{justify-self:end;align-self:start;padding:.15rem .5rem;border-radius:999px;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.guide-result__delta--up{background:var(--success-soft, #e3f6ea);color:var(--success-strong, #176c3a)}.guide-result__delta--down{background:var(--surface-muted, #eef1ef);color:var(--muted, #4a5459)}@media(prefers-reduced-motion:reduce){.guide-viewtab__body{transition:none}}.guide-results-empty{margin:0;padding:1rem 1.25rem;border:1px solid var(--line-soft, #edf0ed);border-radius:12px;background:var(--surface-dim, #f9faf8);color:var(--muted, #4a5459)}.guide-results-list{display:grid;gap:.75rem}.guide-result{display:grid;gap:.6rem;padding:1rem 1.1rem;border:1px solid var(--line, #dfe5e2);border-radius:14px;background:var(--surface, #fff);box-shadow:var(--shadow-sm)}.guide-result__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem}.guide-result__pct{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.25rem;padding:.4rem .55rem;border-radius:10px;background:linear-gradient(135deg,#e0f3ed,#b2ddd0);color:var(--brand-strong, #064d3e);font-variant-numeric:tabular-nums;line-height:1.15}.guide-result__pct-num{font-size:1.15rem;font-weight:700}.guide-result__pct-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.guide-result__name-wrap{display:grid;gap:.15rem;min-width:0}.guide-result__name{font-weight:700;font-size:1.02rem;color:var(--brand-strong, #064d3e);text-decoration:none;overflow-wrap:break-word}.guide-result__name:hover{text-decoration:underline}.guide-result__flag{margin:0;color:var(--warning-strong, #604512);font-size:.82rem}.guide-result__flag--confidence{color:var(--muted, #5f6b74)}.guide-result__motivations{list-style:disc;margin:0;padding-left:1.2rem;color:var(--ink, #1a2024);font-size:.92rem;line-height:1.5;display:grid;gap:.15rem}.guide-result__breakdown{border-top:1px dashed var(--line-soft, #edf0ed);padding-top:.6rem}.guide-result__breakdown summary{cursor:pointer;font-weight:600;font-size:.88rem;color:var(--brand-strong, #064d3e)}.guide-result__breakdown-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.88rem}.guide-result__breakdown-table th,.guide-result__breakdown-table td{padding:.35rem .5rem;border-bottom:1px solid var(--line-soft, #edf0ed);text-align:left}.guide-result__breakdown-table th{color:var(--muted, #4a5459);font-weight:600;font-size:.8rem}.guide-result__cell-num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.guide-result__actions{display:flex;gap:.5rem;flex-wrap:wrap}.guide-result__actions .guide-btn{padding:.5rem .9rem;min-height:2.4rem;font-size:.88rem}@media(max-width:480px){.guide-result__actions .guide-btn{flex:1 1 auto}}.guide-nav{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--line-soft, #edf0ed)}.guide-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1.25rem;border-radius:10px;font-weight:600;font-size:.92rem;cursor:pointer;border:1.5px solid transparent;background:transparent;min-height:44px;color:inherit;font-family:inherit;touch-action:manipulation}.guide-btn:disabled{opacity:.5;cursor:not-allowed}.guide-btn:focus-visible{outline:3px solid var(--brand, #0a6b56);outline-offset:2px}.guide-btn--primary{background:var(--brand, #0a6b56);border-color:var(--brand-strong, #064d3e);color:#fff}.guide-btn--primary:not(:disabled):hover{background:var(--brand-strong, #064d3e)}.guide-btn--ghost{border-color:var(--line, #dfe5e2);color:var(--ink, #1a2024)}.guide-btn--ghost:not(:disabled):hover{background:var(--surface-dim, #f9faf8)}.guide-btn--link{color:var(--muted, #4a5459);text-decoration:underline;padding-inline:.25rem}.guide-map{display:grid;gap:.75rem;padding:1rem;margin-top:1rem;background:var(--surface-dim, #f9faf8);border:1px solid var(--line, #dfe5e2);border-radius:12px}.guide-map__header h3{margin:0;font-family:Literata,Georgia,serif;font-size:1.05rem}.guide-map__help{margin:.25rem 0 0;font-size:.85rem;color:var(--muted, #4a5459);line-height:1.45}.guide-map__controls{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}.guide-map__control-group{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.guide-map__control-label{font-weight:600;font-size:.85rem;margin-right:.4rem}.guide-map__radio{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border:1.5px solid var(--line, #dfe5e2);border-radius:999px;background:var(--surface, #fff);font-size:.85rem;cursor:pointer;min-height:32px}.guide-map__radio:has(input:checked){border-color:var(--brand, #0a6b56);background:var(--brand-soft, #e0f3ed);color:var(--brand-strong, #064d3e);font-weight:600}.guide-map__radio:focus-within{outline:2px solid var(--brand, #0a6b56);outline-offset:2px}.guide-map__radio input{position:absolute;opacity:0;pointer-events:none}.guide-map__toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer;margin-left:auto}.guide-map__toggle input{accent-color:var(--brand, #0a6b56)}.guide-map__empty{margin:0;padding:1.25rem 1rem;background:var(--surface, #fff);border:1px dashed var(--line, #dfe5e2);border-radius:10px;color:var(--muted, #4a5459);font-size:.92rem;text-align:center}.guide-map__empty[hidden]{display:none}.guide-map__container{height:420px;width:100%;border-radius:10px;overflow:hidden;background:var(--surface, #fff);border:1px solid var(--line, #dfe5e2)}.guide-map__container[hidden]{display:none}.guide-map__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.82rem;color:var(--muted, #4a5459)}.guide-map__legend li{display:inline-flex;align-items:center;gap:.4rem}.guide-map__swatch{display:inline-block;width:12px;height:12px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #0000001a}.guide-map__fs-control{background:transparent;border:0;box-shadow:none}.guide-map__fs-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:1px solid rgba(0,0,0,.2);border-radius:6px;background:#fff;color:var(--ink, #1a2024);cursor:pointer;box-shadow:0 1px 4px #0000002e}.guide-map__fs-btn:hover{background:var(--brand-soft, #e0f3ed)}.guide-map__fs-btn:focus-visible{outline:2px solid var(--brand, #0a6b56);outline-offset:2px}.guide-map__fs-icon{font-size:1.25rem;line-height:1;font-weight:600}body.guide-map-fullscreen-lock{overflow:hidden}.guide-map.guide-map--fullscreen{position:fixed;inset:0;z-index:9999;margin:0;border-radius:0;border:0;background:var(--surface, #fff);display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding-top:max(.75rem,env(safe-area-inset-top));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-left:max(.75rem,env(safe-area-inset-left))}.guide-map.guide-map--fullscreen .guide-map__container{flex:1 1 auto;height:auto;min-height:0}.guide-map.guide-map--fullscreen .guide-map__help{display:none}.guide-map-cluster,.guide-map-home{background:var(--brand, #0a6b56);color:#fff;font-weight:700;box-shadow:0 1px 4px #00000040}.guide-map-cluster{border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;border:2px solid #fff}.guide-map-cluster--highlight{box-shadow:0 0 0 3px var(--brand-soft, #e0f3ed),0 1px 6px #0000004d;outline:2px solid var(--brand-strong, #064d3e);outline-offset:1px}.guide-map-home{border-radius:999px;text-align:center;font-size:.8rem;padding:.2rem .6rem;pointer-events:none}.guide-map-popup{display:grid;gap:.4rem;font-size:.88rem;line-height:1.4}.guide-map-popup__name{font-size:.98rem;color:var(--ink, #1a2024)}.guide-map-popup__meta{display:grid;grid-template-columns:max-content 1fr;gap:.15rem .6rem;margin:0}.guide-map-popup__meta dt{color:var(--muted, #4a5459);font-weight:500}.guide-map-popup__meta dd{margin:0;color:var(--ink, #1a2024);font-weight:600}.guide-map-popup__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.guide-map-popup__link{display:inline-block;padding:.35rem .75rem;background:var(--brand, #0a6b56);color:#fff;border-radius:8px;text-decoration:none;font-weight:600}.guide-map-popup__link:hover,.guide-map-popup__link:focus{background:var(--brand-strong, #064d3e)}.guide-map-popup__link--secondary{background:transparent;color:var(--brand-strong, #064d3e);border:1.5px solid var(--brand, #0a6b56);padding:.2rem .6rem}.guide-map-popup__link--secondary:hover,.guide-map-popup__link--secondary:focus{background:var(--brand-soft, #e0f3ed);color:var(--brand-strong, #064d3e)}.guide-result--selected{outline:3px solid var(--brand, #0a6b56);outline-offset:2px;transition:outline .2s ease-out}@media(max-width:560px){.guide-map:not(.guide-map--fullscreen){padding:.75rem}.guide-map:not(.guide-map--fullscreen) .guide-map__controls{gap:.5rem}.guide-map:not(.guide-map--fullscreen) .guide-map__toggle{margin-left:0}.guide-map:not(.guide-map--fullscreen) .guide-map__container{height:320px}}@media(max-width:768px){.guide-shell{padding:1rem;gap:1rem;min-height:100vh;min-height:100dvh;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.guide-nav{position:sticky;bottom:0;left:0;right:0;margin:0 -1rem -1rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--surface, #fff);border-top:1px solid var(--line, #dfe5e2);justify-content:stretch;z-index:10}.guide-btn{flex:1 1 auto}.guide-btn--link{flex:0 0 auto}.guide-offline-banner{font-size:.88rem}}@media(max-width:480px){.guide-shell{border-left:0;border-right:0;border-radius:0;padding-inline:.875rem}.guide-nav{margin-inline:-.875rem;padding-inline:.875rem}.guide-shell,.guide-step,.guide-step__help,.guide-radio__desc,.guide-slider__help,.guide-result__name,.guide-result__motivations li,.guide-summary dd{overflow-wrap:anywhere;word-break:break-word}.guide-result__header{grid-template-columns:1fr}.guide-result__pct{align-self:start;flex-direction:row;gap:.4rem}.guide-results-list{gap:.6rem}.guide-result{padding:.85rem}.guide-result__breakdown-table th,.guide-result__breakdown-table td{padding:.3rem .4rem;font-size:.82rem}}@media(max-width:360px){.guide-slider>label{gap:.35rem}.guide-slider output{font-size:.78rem;padding:.1rem .45rem}.guide-btn{padding:.6rem .75rem;font-size:.88rem}}@media(prefers-reduced-motion:reduce){.guide-progress__bar,.guide-result{transition:none}}
