*{box-sizing:border-box}body{margin:0;background:#fcfaf5;color:#193f35;font:16px/1.6 system-ui,sans-serif}a{color:#176b5a;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #cbd9d0;background:white;color:#176b5a;border-radius:10px;padding:11px 17px;font-weight:650}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b98a33;outline-offset:3px}.ol-top{display:flex;justify-content:space-between;align-items:center;padding:12px max(20px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #dfe6dd;gap:20px}.ol-brand{display:flex;align-items:center;gap:12px;font-weight:750}.ol-brand img{border-radius:12px}.ol-top nav{display:flex;gap:20px;font-size:14px}main{max-width:1160px;margin:auto;padding:45px 20px}.ol-intro{max-width:730px}.ol-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#6d8374}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.3px;line-height:1.15;margin:18px 0}p{color:#697b6e}.ol-status{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 14px;padding:20px 24px;background:#e8efe3;border-radius:14px}.ol-status p{font-size:13px;margin:6px 0 0}.ol-status button{background:#176b5a;color:white;border-color:#176b5a;flex-shrink:0}.ol-caution{font-size:13px;max-width:900px}.ol-filters{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:30px 0 10px}.ol-filters label{display:grid;gap:7px;font-size:13px;font-weight:650}.ol-filters input,.ol-filters select{width:100%;min-width:0;border:1px solid #d7dfd4;border-radius:9px;padding:12px;background:white;color:#264735}.ol-count{font-size:13px}.ol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ol-card{background:#fff;border:1px solid #dce4d9;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.ol-card>img{width:100%;height:154px;object-fit:cover;background:#edf1e8}.ol-card-copy{padding:20px;flex:1;display:flex;flex-direction:column}.ol-card small{color:#768470;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.ol-card h2{font-size:19px;line-height:1.35;margin:10px 0}.ol-card p{font-size:13px;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ol-card button{align-self:start;margin-top:auto}.ol-empty{text-align:center;padding:50px 20px}.ol-empty img{border-radius:24px}.ol-empty h2{font-size:24px}.ol-count+ .ol-grid:empty{display:none}#more{display:block;margin:24px auto}footer{margin-top:40px;border-top:1px solid #dce4d9;padding-top:24px;font-size:13px}dialog{max-width:760px;width:calc(100% - 28px);max-height:90vh;border:0;border-radius:17px;padding:0;color:#193f35;background:#fff}dialog::backdrop{background:#17382bd6}.ol-dialog-head{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e1e6dd;gap:15px;z-index:1}.ol-dialog-head p{font-size:12px;text-transform:uppercase;margin:0}#detailBody{padding:25px}#detailBody h1{font-size:32px}#detailBody h2{font-size:20px;margin-top:30px}#detailBody p{white-space:pre-line;overflow-wrap:anywhere}#detailBody li{white-space:pre-line;font-size:14px;margin:14px 0;overflow-wrap:anywhere}#detailBody>img{width:100%;max-height:280px;object-fit:cover;border-radius:10px}#detailBody .ol-caution{padding:15px;background:#f6f0db;border-radius:9px;font-size:13px}#detailBody .ol-live{display:inline-block;margin:20px 0;font-weight:700}[hidden]{display:none!important}@media(max-width:700px){.ol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ol-top{padding:10px 16px}.ol-brand{font-size:14px;gap:6px}.ol-top nav{gap:12px;font-size:12px}main{padding-top:26px}}@media(max-width:480px){.ol-grid,.ol-filters{grid-template-columns:1fr}.ol-top nav a:last-child{display:none}.ol-status{align-items:start;flex-direction:column;padding:18px}.ol-status button{width:100%}.ol-card>img{height:175px}.ol-intro>p:last-child{font-size:14px}.ol-card h2{font-size:20px}}

.ol-card>img.ol-mascot,#detailBody>img.ol-mascot{object-fit:contain;height:190px;padding:25px;background:#f4f6ef}

.ol-language{display:flex;gap:.5rem;align-items:center;margin-block:1rem}.ol-language select{font:inherit;padding:.5rem;border:1px solid #cadbd0;border-radius:.5rem;background:white}
