@layer components{.field-eyebrow{color:var(--color-muted);letter-spacing:.06em;font-size:.75rem;font-weight:600}.field-cover{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:2rem;padding-bottom:2rem;display:grid}.field-cover-copy h1{letter-spacing:-.04em;margin-top:1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.35}.field-cover-copy h1 span{color:var(--color-accent-strong)}.field-cover-lead{color:var(--color-body);margin-top:1rem;font-size:.9375rem;line-height:1.9}.field-cover-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.field-cover-total{color:var(--color-muted);margin-top:1rem;font-size:.75rem;line-height:1.8}.field-cover-total a,.guide-method a{text-underline-offset:4px;text-decoration:underline}.guide-method a{white-space:nowrap}.field-cover-scene{background:var(--color-surface-warm);border-radius:1.5rem 1.5rem 6rem;position:relative;overflow:hidden}.field-cover-scene img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%}.field-cover-scene figcaption{background:var(--color-canvas);color:var(--color-body);border-radius:.75rem;padding:.5rem .75rem;font-size:.75rem;position:absolute;bottom:1rem;left:1rem}.field-guide{border-top:1px solid var(--color-line);margin-bottom:3rem;padding-top:2rem;scroll-margin-top:1rem}.guide-heading-row{justify-content:space-between;align-items:end;gap:1rem;display:flex}.guide-heading-row h2{letter-spacing:-.025em;margin-top:.5rem;font-size:1.75rem;font-weight:700;line-height:1.4}.guide-heading-row wan-prefecture-picker{flex-shrink:0}.guide-purposes{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-top:1.5rem;display:grid}.guide-purpose{min-height:44px;color:var(--color-body);text-align:center;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .5rem;font-size:1rem;font-weight:600;transition:background-color .18s ease-out,color .18s ease-out;display:flex;position:relative}.guide-purpose img{object-fit:contain;border-radius:.5rem;width:64px;height:64px}.guide-purpose:hover{background:var(--color-surface-warm)}.guide-purpose.is-selected{background:var(--color-accent-soft);color:var(--color-body);box-shadow:inset 0 -3px var(--color-accent-strong)}.guide-purpose [data-guide-count]{color:var(--color-muted);font-size:.75rem;font-weight:400}.guide-purpose [data-guide-total]{color:var(--color-muted);font-size:.6875rem;font-weight:400}.guide-purpose.is-selected [data-guide-count]{color:var(--color-body)}.guide-purpose [data-guide-count]{font-weight:600}.guide-purpose.is-selected [data-guide-total]{color:var(--color-body)}[data-guide-region=false] .guide-purpose [data-guide-count],[data-guide-region=false] .guide-purpose [data-guide-total]{display:none}[data-guide-region=false] .guide-heading-row [data-prefecture-trigger]{border-color:var(--color-accent-strong)}[data-guide-region=false] .guide-notebook-heading,[data-guide-region=false] .guide-method{display:none}.guide-needs-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block:1rem;display:flex}.guide-needs{flex-wrap:wrap;gap:.5rem;display:flex}.guide-condition-note{color:var(--color-muted);font-size:.75rem}.guide-notebook{border-block:1px solid var(--color-line);background:var(--color-canvas);overflow:hidden}.guide-notebook-heading{border-bottom:1px solid var(--color-hairline);background:var(--color-surface-warm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.guide-notebook-heading>p:first-child{color:var(--color-body);font-size:.875rem;font-weight:600}.guide-notebook-heading [role=status]{color:var(--color-muted);font-size:.75rem}.guide-entries{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guide-entry{border-right:1px solid var(--color-hairline);border-left:4px solid var(--color-cat-dog-run);min-width:0;padding:1rem 1.5rem;position:relative}.guide-entry:last-child{border-right:0}.guide-entry[data-category=cafe]{border-left-color:var(--color-cat-cafe)}.guide-entry[data-category=spot]{border-left-color:var(--color-cat-spot)}.guide-entry[data-category=event]{border-left-color:var(--color-cat-event)}.guide-entry[data-category=shop]{border-left-color:var(--color-cat-shop)}.guide-entry-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.guide-entry-number{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:400;line-height:1;display:block}.guide-entry-prefix{vertical-align:middle;font-size:.75rem}.guide-entry-link{border-radius:.25rem;display:block}.guide-entry-category{color:var(--color-muted);font-size:.6875rem}.guide-entry h3{color:var(--color-ink);overflow-wrap:anywhere;text-wrap:pretty;margin-top:.25rem;font-size:1.125rem;font-weight:700;line-height:1.6}.guide-entry-link:hover h3{color:var(--color-accent-strong);text-underline-offset:4px;text-decoration:underline}.guide-entry-location{color:var(--color-muted);margin-top:.5rem;font-size:.75rem;line-height:1.7}.guide-entry-facts{color:var(--color-body);margin-top:.75rem;font-size:.8125rem;line-height:1.8}.guide-entry-access{color:var(--color-body);margin-top:.5rem;font-size:.8125rem;font-weight:600;line-height:1.8}.guide-entry-unknown,.guide-entry-checked{color:var(--color-muted);margin-top:.5rem;font-size:.75rem;line-height:1.7}.guide-save{border:1px solid var(--color-hairline);background:var(--color-canvas);min-width:56px;min-height:44px;color:var(--color-body);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .18s ease-out;display:inline-flex}.guide-save:hover{border-color:var(--color-accent-strong);background:var(--color-accent-soft)}.guide-save[aria-pressed=true]:hover{background:var(--color-accent-strong);color:var(--color-canvas);filter:brightness(.95)}.guide-nearby{min-height:44px;color:var(--color-accent-strong);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.guide-nearby:hover{background:var(--color-surface-warm);text-underline-offset:4px;text-decoration:underline}.guide-pair{border:1px solid var(--color-accent-strong);min-height:44px;color:var(--color-accent-strong);background:var(--color-canvas);border-radius:999px;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.guide-pair:hover{background:var(--color-accent-soft);color:var(--color-body)}.guide-pair:disabled{color:var(--color-muted);border-color:var(--color-line);background:var(--color-surface-soft)}.guide-pair-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem;display:flex}.guide-pair-actions .guide-pair{margin-top:0}.guide-recovery{border-top:1px solid var(--color-hairline);margin-top:1.25rem;padding-top:1rem}.guide-pair-compare{background:var(--color-accent-strong);color:#fff;border-radius:999px;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.guide-pair-compare:hover{filter:brightness(.95)}.guide-pair-actions:has(.guide-pair-compare:not([hidden])) .guide-pair{background:0 0;border-color:#0000;padding-inline:0}.guide-next:has([data-guide-search].is-secondary) .guide-primary{color:var(--color-accent-strong);background:0 0;padding-inline:0}[data-guide-save-status]:empty{display:none}.guide-companion{border-top:1px solid var(--color-line);background:var(--color-surface-warm);padding-block:1rem}.guide-origin-label{border-bottom:1px solid var(--color-hairline);padding:.75rem 1rem}.guide-companion-heading{justify-content:space-between;align-items:center;gap:1rem;padding-inline:1rem;display:flex}.guide-companion-heading h3{margin-top:.25rem;font-size:1.125rem;font-weight:700}.guide-companion-origin{color:var(--color-body);overflow-wrap:anywhere;margin:.75rem 1rem 0;font-size:.875rem;font-weight:600}.guide-companion-summary,.guide-distance-note{color:var(--color-muted);margin:.5rem 1rem .75rem;font-size:.75rem;line-height:1.8}.guide-companion-empty{color:var(--color-body);margin:1rem;font-size:.875rem;line-height:1.8}.guide-other{background:var(--color-surface-soft);border-top:1px solid var(--color-line)}.guide-other>summary{cursor:pointer;min-height:44px;color:var(--color-body);align-items:center;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.guide-other>summary:after{content:"+";margin-left:auto}.guide-other[open]>summary:after{content:"−"}.guide-welcome{background:var(--color-surface-warm);gap:1.5rem;padding:1.5rem;display:grid}.guide-welcome h3{color:var(--color-ink);font-size:1.25rem;font-weight:700}.guide-welcome p{color:var(--color-body);margin-top:.75rem;font-size:.875rem;line-height:1.9}.guide-welcome .guide-welcome-note{color:var(--color-muted);font-size:.75rem}.guide-story{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.guide-story li{border-top:1px solid var(--color-line);padding-top:.75rem}.guide-story span{color:var(--color-accent-strong);font-variant-numeric:tabular-nums;margin-bottom:.5rem;font-size:1.75rem;line-height:1;display:block}.guide-story strong{color:var(--color-ink);font-size:.875rem}.guide-story p{color:var(--color-muted);margin-top:.5rem;font-size:.75rem}.guide-next{border-top:1px solid var(--color-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.guide-primary{background:var(--color-accent-strong);min-height:44px;color:var(--color-canvas);border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:filter .18s ease-out;display:inline-flex}.guide-primary:hover{filter:brightness(.95)}.guide-saved{min-height:44px;color:var(--color-body);text-underline-offset:4px;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;text-decoration:underline;display:inline-flex}.guide-saved:hover{text-underline-offset:4px;text-decoration:underline}.guide-method{color:var(--color-muted);padding:0 1.5rem 1rem;font-size:.75rem;line-height:1.8}.guide-empty{padding:1.5rem}.guide-empty h3{font-size:1rem;font-weight:600}.guide-empty>p{color:var(--color-body);margin-top:.5rem;font-size:.875rem;line-height:1.8}.guide-alternatives{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.field-section{border-top:1px solid var(--color-line);padding-top:2rem}.field-section-title{margin-top:.5rem;font-size:1.75rem;font-weight:700;line-height:1.4}.guide-entries.guide-paired{display:block}@media (width>=640px) and (width<=1023px){.guide-entries{grid-template-columns:minmax(0,1fr)}.guide-entry{border-right:0;border-bottom:1px solid var(--color-hairline);padding:.75rem 1rem}.guide-entry:last-child{border-bottom:0}.guide-entry-number{font-size:1.25rem}.guide-entry h3{margin-top:0}}@media (width>=1024px){.guide-purpose{text-align:left;grid-template-rows:auto auto;grid-template-columns:64px 1fr;gap:.25rem .75rem;padding:1rem;display:grid}.guide-purpose img{grid-row:1/3}.guide-purpose-label{align-self:end;font-size:1.125rem}[data-guide-region=false] .guide-purpose-label{grid-row:1/3;align-self:center}.guide-purpose [data-guide-count]{align-self:start}.guide-welcome{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:3rem;padding:2rem}.guide-paired{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}.guide-entries.guide-paired{display:grid}.guide-paired>.guide-origin-label{grid-area:1/1}.guide-paired>.guide-entry{border-right:0;grid-area:2/1}.guide-paired>.guide-companion{border-top:0;border-left:1px solid var(--color-line);grid-area:1/2/span 3}.guide-paired>.guide-other{grid-area:3/1}.guide-companion .guide-entries{grid-template-columns:minmax(0,1fr)}.guide-companion .guide-entry{border-right:0;border-bottom:1px solid var(--color-hairline)}}@media (width<=639px){.field-cover{grid-template-columns:minmax(0,1fr);gap:1rem;padding-bottom:1.5rem}.field-cover-copy h1{margin-top:.5rem;font-size:1.75rem}.field-cover-total,.field-cover-desktop-lead{display:none}.field-cover-lead{margin-top:.5rem;font-size:.8125rem;line-height:1.7}.field-cover-actions{margin-top:.75rem}.field-cover-actions .guide-saved{display:none}.field-cover-actions .guide-primary{padding:.5rem 1rem;font-size:.8125rem}.field-cover-scene{border-radius:1rem 1rem 3rem}.field-cover-scene img{aspect-ratio:auto;height:136px}.field-cover-scene figcaption{display:none}.field-guide{padding-top:1rem}.guide-heading-row{flex-wrap:nowrap;align-items:center;gap:.5rem}.guide-heading-row .field-eyebrow,.guide-today{display:none}.guide-heading-row h2{font-size:1.25rem}.guide-heading-row wan-prefecture-picker{flex:0 0 8rem;max-width:8rem}.guide-heading-row [data-prefecture-trigger]{gap:.5rem;min-width:0;padding-inline:.75rem}.guide-heading-row [data-prefecture-trigger]>span>svg{display:none}.guide-heading-row [data-prefecture-label]{font-size:.75rem}.guide-purposes{margin-top:1rem}.guide-purpose{gap:.25rem;padding:.5rem 0;font-size:.75rem}.guide-purpose img{width:36px;height:36px}.guide-purpose [data-guide-count]{font-size:.6875rem}.guide-purpose [data-guide-total]{font-size:.625rem}.guide-needs-row{gap:.5rem}.guide-condition-note{display:none}.guide-entries{grid-template-columns:minmax(0,1fr)}.guide-notebook-heading{padding:.75rem 1rem}.guide-notebook-heading>p:first-child{display:none}.guide-entry{border-right:0;border-bottom:1px solid var(--color-hairline);padding:.75rem 1rem}.guide-entry:last-child{border-bottom:0}.guide-entry-number{font-size:1.125rem}.guide-entry-category{display:none}.guide-entry h3{margin-top:0;font-size:1.0625rem}.guide-entry-location,.guide-entry-facts{margin-top:.25rem;font-size:.75rem}.guide-entry-unknown,.guide-entry-checked{margin-top:.25rem}.guide-next{padding:.75rem 1rem}.guide-method{padding-inline:1rem}.field-section-title{font-size:1.375rem}.guide-welcome{padding:1rem}.guide-welcome h3{font-size:1.0625rem}.guide-story{gap:.75rem}.guide-story strong{font-size:.75rem}.guide-story p{display:none}}@media (width<=359px){.field-cover-copy h1{font-size:1.5rem}.guide-heading-row h2{font-size:1.125rem}.guide-heading-row wan-prefecture-picker{flex-basis:6.5rem;max-width:6.5rem}}}@layer utilities{.guide-save[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-body);border-color:var(--color-accent-strong);box-shadow:none}}