.phenology-explorer{width:100%;max-width:100%;margin:2rem 0;padding:clamp(.9rem,2vw,1.35rem);border:1px solid var(--color-line, #e7edf4);border-radius:20px;background:radial-gradient(80% 65% at 50% 0%,rgba(0,114,213,.09),transparent 68%),#f8fafd;box-shadow:var(--shadow-soft, 0 14px 36px rgba(15, 23, 42, .07));box-sizing:border-box}.phenology-explorer__head{max-width:40rem;margin:0 auto 1.2rem;text-align:center}.phenology-explorer__eyebrow{margin:0 0 .35rem!important;color:var(--color-brand-600, #0060b6);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.phenology-explorer__head h2{margin:0!important;padding:0!important;border:0!important;font-size:clamp(1.4rem,3vw,1.9rem)!important;text-align:center!important}.phenology-explorer__head>p:last-child{margin:.65rem auto 0!important;color:var(--color-ink-3, #6b7a8f);font-size:.95rem}.phenology-explorer__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0 0 1rem;padding:.3rem;border:1px solid var(--color-line, #e7edf4);border-radius:14px;background:#ffffffd9}.phenology-explorer__tabs button{display:flex;min-height:3.2rem;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.55rem .3rem;border:0;border-radius:10px;background:transparent;color:var(--color-ink-2, #38455a);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.phenology-explorer__tabs button span{color:var(--color-ink-3, #6b7a8f);font-size:.66rem;font-weight:550}.phenology-explorer__tabs button[aria-selected=true]{background:var(--color-brand-600, #0060b6);color:#fff;box-shadow:0 8px 18px #0060b62e}.phenology-explorer__tabs button[aria-selected=true] span{color:#ffffffd1}.phenology-explorer__tabs button:focus-visible,.phenology-explorer__stage:focus-visible{outline:3px solid #f0a322;outline-offset:2px}.phenology-explorer__panel{padding:clamp(.9rem,2vw,1.25rem);border:1px solid var(--color-line, #e7edf4);border-radius:16px;background:#fffffff5}.phenology-explorer__toolbar{display:grid;gap:1rem;margin-bottom:1rem}.phenology-explorer__toolbar h3{margin:0!important;font-size:1.15rem!important;text-align:left!important;border:0!important;padding:0!important}.phenology-explorer__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(11rem,.85fr);gap:.85rem;align-items:start}.phenology-explorer__list{display:flex;flex-direction:column;gap:.4rem;max-height:28rem;margin:0!important;padding:.15rem!important;overflow:auto;list-style:none!important;border:1px solid var(--color-line, #e7edf4);border-radius:12px;background:#f7fafc}.phenology-explorer__list>li{margin:0!important;padding:0!important;list-style:none!important}.phenology-explorer__stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;width:100%;padding:.55rem .6rem;border:1px solid transparent;border-radius:10px;background:#fff;color:inherit;text-align:left;cursor:pointer;font:inherit}.phenology-explorer__stage:hover{border-color:#d7e4f3}.phenology-explorer__stage.is-active{border-color:color-mix(in srgb,var(--color-brand-600, #0060b6) 35%,#fff);background:#eef6ff;box-shadow:inset 3px 0 0 var(--color-brand-600, #0060b6)}.phenology-explorer__code{display:inline-flex;min-width:2.5rem;height:1.9rem;align-items:center;justify-content:center;padding:0 .35rem;border-radius:8px;background:var(--color-brand-50, #f2f8ff);color:var(--color-brand-700, #0b4fa8);font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}.phenology-explorer__stage-copy{display:grid;gap:.15rem;min-width:0}.phenology-explorer__stage-name{color:var(--color-ink, #182235);font-size:.86rem;font-weight:700;line-height:1.25}.phenology-explorer__stage-desc{color:var(--color-ink-3, #6b7a8f);font-size:.76rem;line-height:1.4}.phenology-explorer__detail{position:sticky;top:1rem;padding:0;border:1px solid var(--color-line, #e7edf4);border-radius:12px;background:#fff;overflow:hidden}.phenology-explorer__detail figure{overflow:hidden;margin:0!important;background:#f5f8fc}.phenology-explorer__detail figure.is-fallback{background:#f3f5f8}.phenology-explorer__fallback-badge{margin:0!important;padding:.35rem .5rem;border-bottom:1px solid var(--color-line, #e7edf4);background:#eef2f7;color:var(--color-ink-2, #38455a);font-size:.68rem;font-weight:650;line-height:1.35;text-align:center}.phenology-explorer__detail figure.is-fallback img{opacity:.88}.phenology-explorer__photo-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.phenology-explorer__photo-trigger:focus-visible{outline:2px solid var(--color-brand-600, #0060b6);outline-offset:2px}.phenology-explorer__detail figure img{display:block;width:100%;height:auto;max-height:22rem;object-fit:contain;background:#fff}.phenology-explorer__lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:#0a101ceb;cursor:zoom-out}.phenology-explorer__lightbox img{max-width:min(100%,42rem);max-height:calc(100vh - 2.5rem);width:auto;height:auto;border-radius:10px;box-shadow:0 24px 64px #00000073;cursor:default}.phenology-explorer__lightbox-close{position:absolute;top:1rem;right:1rem;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1a;color:#fff;font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.phenology-explorer__lightbox-close:hover,.phenology-explorer__lightbox-close:focus-visible{background:#ffffff2e}.phenology-explorer__detail figcaption{padding:.3rem .45rem .4rem;color:var(--color-ink-3, #6b7a8f);font-size:.62rem;line-height:1.35;text-align:center}.phenology-explorer__no-photo{margin:0!important;padding:.9rem;color:var(--color-ink-3, #6b7a8f);font-size:.74rem;text-align:center}@media (max-width: 720px){.phenology-explorer__body{grid-template-columns:1fr}.phenology-explorer__list{max-height:18rem}.phenology-explorer__detail{position:static}}
