/* Shared responsive layout for every language. */
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-size:15px;line-height:1.6;background:#f8f9f3}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf8c3d;outline-offset:4px}button,input,select{min-height:44px}header{position:sticky;top:0;z-index:30;height:84px;max-width:none;padding:0 max(32px,calc((100vw - 1200px)/2));background:#f8f9f3f5;backdrop-filter:blur(16px);border-bottom:1px solid #e1e7d9;gap:24px}.logo{color:var(--ink);letter-spacing:-1.8px;white-space:nowrap;font-size:29px;display:inline-flex;align-items:center;gap:5px}.logo .brand-symbol{font-size:33px;color:#b7803b}header nav{gap:20px;font-size:13px}header nav #language{position:static;max-width:140px;padding:10px 13px;border:1px solid #d5dfcf;border-radius:10px;box-shadow:none;background:#fffef9;font-size:13px;min-width:100px}header .pill{font-size:12px;padding:12px 16px;white-space:normal}main{max-width:1280px}.hero{min-height:0;padding:54px 0 42px;gap:48px;grid-template-columns:1.1fr 1fr}.hero>div:first-child{min-width:0}.hero h1{font-size:clamp(38px,4.3vw,60px);line-height:1.24;letter-spacing:-1.8px;margin:20px 0;overflow-wrap:anywhere}.hero .intro{font-size:16px;line-height:1.9;max-width:490px;color:#617466}.hero .actions{flex-wrap:wrap;gap:17px}.hero .primary{font-size:14px;min-height:50px;display:inline-flex;align-items:center;justify-content:center}.hero .actions>a:last-child{font-size:12px;line-height:1.8}.hero .small{font-size:12px;line-height:1.9}.hero-art{height:355px;border-radius:140px 140px 24px 24px}.art-note{font-size:12px;max-width:calc(100% - 40px)}.art-note b{font-size:14px}.ticker{font-size:12px;gap:16px;padding:19px 0;flex-wrap:wrap}.explore{padding-top:40px;scroll-margin-top:18px}.section-title{gap:24px}.section-title h2{font-size:30px}.section-title p{font-size:13px}.eyebrow{font-size:10px;line-height:1.7;letter-spacing:1.7px}.tabs{gap:8px;margin:23px 0 17px}.chip{padding:9px 16px;font-size:13px;min-height:43px}.filters{background:#eaf0e3;border:1px solid #dce5d4;border-radius:14px;padding:15px;gap:10px;display:grid;grid-template-columns:minmax(200px,1.8fr) repeat(3,minmax(130px,1fr))}.filters input,.filters select{width:100%;min-width:0;min-height:48px;font-size:14px;background:#fffefb;border-color:#d6dfd1;border-radius:9px}.result{font-size:12px;gap:20px;line-height:1.8;margin:17px 0}.cards{gap:20px;align-items:start}.card{box-shadow:0 5px 18px #183f3506;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #183f3510}.cover{height:144px;font-size:58px}.content{padding:20px}.tag{font-size:11px}.card h3{font-size:18px;line-height:1.6;min-height:2.8em;margin:12px 0 7px}.card p{font-size:13px;line-height:1.85;min-height:3.7em}.meta{font-size:12px;gap:6px 12px;flex-wrap:wrap;line-height:1.8}.card-bottom{gap:6px;font-size:12px;margin-top:14px;padding-top:10px}.detail{min-height:44px;font-size:13px;padding:8px 0;white-space:normal}.save{width:40px;height:40px;min-height:40px;top:12px;right:12px}.banner{margin:48px 0 42px;padding:30px 32px}.banner .primary{flex-shrink:0;white-space:normal;font-size:14px}.banner p{font-size:14px}.steps{gap:30px}.step p{font-size:13px;line-height:1.9}.step b{font-size:15px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;font-size:12px;line-height:1.9}footer .logo{align-self:start}.language-links{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px}.language-links a{padding:8px 4px}dialog{max-height:calc(100dvh - 40px);overflow:auto;padding:28px;scrollbar-gutter:stable}dialog .close{width:44px;height:44px;font-size:28px;position:sticky;top:0;background:#fffef7;border-radius:50%}dialog p{font-size:14px}dialog h2{line-height:1.5}label input{min-height:48px;font-size:16px}dialog .notice{font-size:12px;line-height:1.9}dialog form .primary{width:100%}.mobile-nav{display:none}
@media(min-width:801px) and (max-width:1100px){header{padding:0 24px;gap:14px}header nav{gap:12px}header nav>a{display:none}main{padding:0 28px}.hero{gap:28px}.hero-art{height:320px}.filters{grid-template-columns:repeat(3,1fr)}.filters input{grid-column:1/-1}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){html{scroll-padding-top:86px}body{padding-bottom:calc(78px + env(safe-area-inset-bottom));font-size:15px}header{height:72px;padding:0 20px;gap:12px}header .logo{font-size:28px}header nav{margin-left:auto;gap:0}header nav>a,header #savedBtn,header #hoursBtn{display:none}header nav #language{min-width:112px;font-size:14px;padding:9px 12px}main{padding:0 20px}.hero{padding:30px 0 25px;gap:24px;grid-template-columns:1fr;align-items:start}.hero h1{font-size:clamp(35px,7vw,48px);line-height:1.3;letter-spacing:-1px;margin:14px 0}.hero .intro{font-size:15px;line-height:1.85;margin:14px 0;max-width:600px}.hero .actions{display:grid;grid-template-columns:1fr;margin-top:21px;gap:10px}.hero .primary{width:100%;min-height:52px;border-radius:11px}.hero .actions>a:last-child{text-align:center;font-size:13px;padding:6px 0}.hero .small{margin-top:14px!important;font-size:11px}.hero-art{width:100%;height:215px;border-radius:22px;background:#e3e8ce}.hero-art svg{height:100%;width:100%;object-fit:contain}.art-note{left:14px;bottom:14px;padding:10px 12px;max-width:70%;font-size:10px}.art-note b{font-size:12px}.ticker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px;padding:16px 2px;font-size:12px}.ticker>span{grid-column:1/-1;font-size:11px;color:#71816e}.explore{padding-top:30px}.section-title{display:block}.section-title h2{font-size:25px;line-height:1.5;margin:9px 0}.section-title p{max-width:none;font-size:13px;line-height:1.8}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:20px -20px 16px;padding:0 20px 5px;scroll-snap-type:x proximity}.tabs::-webkit-scrollbar{display:none}.chip{flex-shrink:0;scroll-snap-align:start;font-size:13px;padding:9px 15px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:9px;border-radius:13px}.filters input{grid-column:1/-1}.filters select:last-child{grid-column:1/-1}.filters input,.filters select{font-size:16px;min-height:48px;padding:11px 9px}.result{font-size:11px;display:block;margin:14px 1px}.result span{display:block}.result span:last-child{margin-top:3px;color:#87917d}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card:hover{transform:none}.cover{height:120px}.content{padding:16px}.card h3{font-size:17px;min-height:0}.card p{font-size:13px;min-height:0}.card-bottom{align-items:center;flex-wrap:wrap;font-size:11px}.meta{font-size:11px}.banner{margin:32px 0;padding:23px;gap:15px;align-items:stretch;flex-direction:column}.banner h2{font-size:22px;line-height:1.5}.banner p{font-size:13px;margin-bottom:0}.banner .primary{width:100%;min-height:49px;padding:12px 16px}#how h2{font-size:24px;line-height:1.5}.steps{display:grid;grid-template-columns:1fr;gap:0;margin:12px 0 30px}.step{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.step:last-child{border:0}.step .num{font-size:25px;min-width:34px;margin:0;line-height:1.3}.step p{margin:7px 0 0}.step b{font-size:15px}footer{grid-template-columns:1fr 1fr;gap:17px;font-size:11px;padding:23px 0 20px}footer>.logo{grid-column:1/-1}.language-links{gap:5px 9px;font-size:12px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#fffef9f5;backdrop-filter:blur(16px);border-top:1px solid #dce5d4;box-shadow:0 -4px 18px #183f3507}.mobile-nav button{border:0;background:none;color:#71816f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;line-height:1.4;min-height:52px;padding:4px;overflow-wrap:anywhere}.mobile-nav button>span:first-child{font-size:24px;line-height:1}.mobile-nav button[aria-current=page]{color:#225c40;background:#eaf0e3;border-radius:11px;font-weight:600}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:19px;border-radius:16px}dialog h2{font-size:22px}dialog .primary{min-height:48px}dialog .detail{display:inline-block;font-size:14px}.notice{overflow-wrap:anywhere}}
@media(max-width:520px){.cards{grid-template-columns:minmax(0,1fr)}.cover{height:118px;font-size:55px}.cover:after{width:100px;height:100px;transform:translate(95px,20px)}.content{padding:17px 18px}.card h3{font-size:18px;margin-top:10px}.card p{font-size:14px;margin-bottom:12px}.meta{font-size:12px}.card-bottom{font-size:12px;flex-wrap:nowrap;margin-top:13px;padding-top:8px}.card-bottom .detail{font-size:13px;min-width:80px}.eyebrow{letter-spacing:1.2px;font-size:9px}.hero .small{line-height:1.9}.hero-art{height:195px}footer{grid-template-columns:1fr}footer>.logo{grid-column:auto}.language-links{grid-column:1}.art-note{max-width:66%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* Compact language picker with a consistently positioned chevron. */
header nav #language{appearance:none;-webkit-appearance:none;position:static;border:1px solid #dce4d5;border-radius:8px;background-color:#fffef9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23486150' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px;min-width:0;width:108px;max-width:108px;height:38px;min-height:38px;padding:0 30px 0 12px;line-height:normal;font-size:13px;font-weight:500;color:#294c3b;box-shadow:none;cursor:pointer;vertical-align:middle}header nav #language:hover{border-color:#a7bba0;background-color:#f2f5ec}header nav #language:focus-visible{outline:2px solid #64865c;outline-offset:3px}@media(max-width:800px){header nav #language{width:106px;max-width:106px;height:40px;min-height:40px;font-size:14px;padding-left:11px;padding-right:29px;background-position:right 9px center}header nav{display:flex;align-items:center;align-self:center}}
/* Center the selected label and its adjacent chevron as one group. */
header nav #language{width:108px;max-width:108px;text-align:center;text-align-last:center;padding:0 21px 0 7px;background-position:right 23px center;background-size:12px 12px}@media(max-width:800px){header nav #language{width:106px;max-width:106px;padding:0 21px 0 7px;background-position:right 22px center}}header nav #language:has(option[value="en"]:checked),header nav #language:has(option[value="es"]:checked),header nav #language:has(option[value="fr"]:checked){background-position:right 10px center;padding-right:24px;padding-left:8px}
.source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.source-tabs button{border:1px solid #d7e1ce;border-radius:10px;padding:10px 15px;background:#fffef9;color:#436149;font-size:13px}.source-tabs button.active{background:#28694b;border-color:#28694b;color:#fff}.local-note{font-size:12px;color:#73806a;line-height:1.9;margin:12px 0 0}.source-label{font-size:11px;color:#7a806d}.org-name{font-size:11px;letter-spacing:.2px;color:#617b61;margin-top:13px}.official-link{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:9px;background:#eaf1e3;color:#245437;font-size:13px;font-weight:600;padding:11px 14px;line-height:1.6;text-align:center;margin-top:9px}.official-link:hover{background:#dde9d4}.link-domain{display:block;text-align:center;font-size:10px;color:#85917d;overflow-wrap:anywhere;margin-top:7px}.card .meta{display:grid;gap:5px}.card .card-bottom>span{font-size:11px}@media(max-width:800px){.source-tabs{gap:6px}.source-tabs button{font-size:12px;padding:10px 12px}.local-note{font-size:11px}.official-link{font-size:14px;min-height:48px}}