@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600&display=swap');
:root{--ink:#203e35;--paper:#f6f3ea;--line:#d6d7c9;--muted:#72796d;--lime:#dce5bc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Georgia,'Noto Serif SC',serif}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid var(--line);gap:20px}header>a:first-child{font-size:27px;text-decoration:none}small,.eyebrow,header span{font-size:11px;letter-spacing:2px}main{max-width:1380px;margin:auto;padding:50px 5%}.intro{display:grid;grid-template-columns:2fr 1fr;gap:70px;padding:24px 0 50px}h1{font-size:clamp(40px,5vw,70px);line-height:1.3;font-weight:400;margin:20px 0}p{max-width:680px}.intro aside{background:var(--lime);padding:30px;display:flex;flex-direction:column;align-self:end}.intro strong{font-size:80px;line-height:1.3}.intro small{margin-top:15px;letter-spacing:0}hr{border:0;border-top:1px solid #bbc79a;width:100%}nav{display:flex;border-bottom:1px solid var(--line);gap:10px}button{font:inherit;cursor:pointer;background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 18px}nav button{border:0;padding:18px}.active{background:var(--ink);color:white}.toolbar{display:flex;gap:15px;align-items:center;margin:25px 0}.toolbar input{flex:1;min-width:0;background:#fff9;border:1px solid var(--line);padding:13px;font:inherit}#status{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--line);background:#fff8;overflow:hidden}.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#e4e4dc}.card .body{padding:18px}.card h3{margin:5px 0;font-weight:400}.card p{font-size:12px;color:var(--muted)}.card button{width:100%;margin-top:10px}.badge{font-size:10px;letter-spacing:1px;background:var(--lime);padding:4px 8px}.empty{grid-column:1/-1;border:1px dashed var(--line);padding:65px;text-align:center}.guide{margin-top:60px;border-top:1px solid var(--line);padding-top:25px}.guide p{color:var(--muted)}dialog{max-width:850px;width:90%;max-height:90vh;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:28px}dialog::backdrop{background:#10291f99}#close{float:right}#detail-body{clear:both;padding-top:20px}#detail-body img{width:220px;max-width:100%;float:left;margin:0 25px 20px 0}dl{display:grid;grid-template-columns:110px 1fr;font-size:13px}dd{margin:0;overflow-wrap:anywhere}dt,dd{padding:6px;border-bottom:1px solid var(--line)}footer{padding:30px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.intro{gap:25px;grid-template-columns:1fr}.intro aside{padding:20px}.intro strong{font-size:55px}header span{display:none}.toolbar{flex-wrap:wrap}.toolbar label{display:none}nav button{font-size:12px;padding:14px 9px}}@media(max-width:420px){.grid{grid-template-columns:1fr}.empty{padding:25px}main{padding-top:25px}}