.legends-section,.legends-page{margin:clamp(28px,5vw,72px) auto;padding:clamp(22px,4vw,52px);border-radius:32px;background:#171f1d;color:#f8f0df;box-shadow:0 24px 80px #14261f24;overflow:hidden}.legends-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}.legends-heading h2,.legends-page h1{max-width:15ch;margin:8px 0 12px;font:600 clamp(36px,5vw,68px)/.98 Georgia,serif;letter-spacing:-.045em;color:#fff8ea}.legends-heading p,.legends-page-lead{max-width:72ch;color:#c7d0ca;font-size:16px;line-height:1.65}.legends-eyebrow{color:#e8b96e;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.legends-count{align-self:start;padding:9px 13px;border:1px solid #e8b96e55;border-radius:999px;color:#f0c781;background:#27332f;font-size:12px;font-weight:800}.legends-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px}.legend-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:330px;padding:22px;border-radius:24px;background:#f8f3e8;color:#25322d;box-shadow:0 12px 34px #0003}.legend-visual{position:relative;width:62px;height:62px;margin-bottom:22px;border-radius:20px;background:#d9e8df;overflow:hidden}.legend-visual:before{content:"";position:absolute;inset:14px;border:2px solid #477261;border-radius:50% 50% 44% 56%}.legend-visual:after{content:"";position:absolute;width:30px;height:2px;left:16px;bottom:14px;background:#477261;transform:rotate(-18deg)}.legend-card[data-tone=coffee] .legend-visual{background:#eadccb}.legend-card[data-tone=coffee] .legend-visual:before,.legend-card[data-tone=coffee] .legend-visual:after{border-color:#70462f;background-color:#70462f}.legend-card[data-tone=cacao] .legend-visual{background:#ead7ce}.legend-card[data-tone=cacao] .legend-visual:before,.legend-card[data-tone=cacao] .legend-visual:after{border-color:#834733;background-color:#834733}.legend-card[data-tone=mate] .legend-visual{background:#dfe7c9}.legend-card[data-tone=mate] .legend-visual:before,.legend-card[data-tone=mate] .legend-visual:after{border-color:#60753e;background-color:#60753e}.legend-card[data-tone=herbal] .legend-visual{background:#eee2c4}.legend-card[data-tone=herbal] .legend-visual:before,.legend-card[data-tone=herbal] .legend-visual:after{border-color:#9b7137;background-color:#9b7137}.legend-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.legend-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e8ded0;color:#704e2c;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.legend-confidence{font-size:11px;color:#63736c}.legend-card h3{margin:0 0 9px;font:600 25px/1.08 Georgia,serif;color:#1b3028}.legend-card p{margin:0;color:#56665f;font-size:13px;line-height:1.55}.legend-read{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding-top:18px;color:#205f4b;font-weight:800;text-decoration:none}.legend-read:after{content:"›";margin-left:8px;font-size:22px}.legend-card a:focus-visible,.legends-page a:focus-visible,.legends-page select:focus-visible{outline:3px solid #efb760;outline-offset:4px}.legends-page-shell{width:min(1500px,calc(100% - 32px));margin:auto}.legends-page-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0}.legends-page-top a{color:#173d32;font-weight:850;text-decoration:none}.legends-page-top label{display:flex;align-items:center;gap:10px;color:#344c44}.legends-page-top select{min-height:44px;border:1px solid #8c9b94;border-radius:12px;background:#fffdf7;padding:0 12px;font:inherit}.legend-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}.legend-reading{scroll-margin-top:24px;padding:clamp(22px,3vw,38px);border-radius:26px;background:#fffdf8;color:#24332d}.legend-reading.is-target{box-shadow:0 0 0 4px #e8b96e,0 24px 60px #0004}.legend-reading header{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px}.legend-reading h2{margin:7px 0 6px;font:600 clamp(28px,3vw,42px)/1.05 Georgia,serif;color:#18382e}.legend-reading .legend-region{color:#6b7c74;font-size:13px}.legend-block{margin-top:24px;padding-top:20px;border-top:1px solid #dbe3dd}.legend-block h3{margin:0 0 9px;color:#274e40;font-size:15px}.legend-block p{margin:0;color:#4e625a;line-height:1.7}.legend-sources{margin:10px 0 0;padding-left:20px}.legend-sources li{margin:8px 0}.legend-sources a{color:#1d654e;overflow-wrap:anywhere}.legend-period{margin-top:18px;color:#6b5940;font-size:12px;font-weight:750}.legends-empty{padding:36px;border-radius:24px;background:#fffdf8;color:#33483f;text-align:center}.legends-page-note{margin-top:28px;color:#bfcac3;font-size:13px;line-height:1.6}@media(max-width:1150px){.legends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legend-reading-grid{grid-template-columns:1fr}}@media(max-width:767px){.legends-heading{grid-template-columns:1fr}.legends-count{justify-self:start}.legends-grid{grid-template-columns:1fr}.legend-card{min-height:260px}.legends-page-shell{width:min(100% - 20px,1500px)}.legends-page{border-radius:24px;padding:22px}.legends-page-top{align-items:flex-start}.legend-reading header{grid-template-columns:54px minmax(0,1fr)}.legend-visual{width:54px;height:54px}.legend-reading{padding:20px}}@media(prefers-reduced-motion:reduce){.legend-card,.legend-read,.legend-reading{scroll-behavior:auto!important;transition:none!important;animation:none!important}}