.mascots{border-top:1px solid var(--line)}.mascot-intro{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;align-items:stretch}.mascot-visual,.mascot-intro article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px}.mascot-visual{position:relative;padding:0;overflow:hidden;min-height:310px}.mascot-visual img{width:100%;height:100%;object-fit:cover}.mascot-visual span{position:absolute;left:18px;bottom:18px;background:#fff;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800}.mascot-intro article{display:flex;flex-direction:column;justify-content:center}.mascot-intro h3{font-size:25px;margin:12px 0}.mascot-intro p{color:var(--muted)}.role{font-size:11px;letter-spacing:.13em;font-weight:900}.cat-role{color:var(--green)}.dog-role{color:var(--orange)}.mascots blockquote{text-align:center;margin:26px 0 0;background:var(--deep);color:#fff;border-radius:20px;padding:20px;font-size:18px;font-weight:800}
.search-box{max-width:680px;margin:0 auto 18px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 18px;box-shadow:0 10px 28px #29443b0c}.search-box span{font-size:26px;color:var(--green)}.search-box input{border:0;background:transparent;padding:16px 0;outline:0}.filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:16px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;color:var(--muted);cursor:pointer}.filter.active{background:var(--green);border-color:var(--green);color:#fff}.search-count{text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px}.article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.article .status{font-size:10px;background:var(--sage);color:var(--deep);border-radius:999px;padding:4px 8px;font-weight:800}.article.planned{background:#f8f7f2}.article.planned .status{background:#eeeae0;color:#827969}.article .read{border:0;background:transparent;text-align:left;cursor:pointer}.article .read:disabled{color:#a7aaa5;cursor:not-allowed}.empty-state{text-align:center;padding:45px;background:#fff;border-radius:20px;color:var(--muted)}
.article-modal{max-width:800px;max-height:90vh;padding:44px}.article-modal h2{font-size:36px;line-height:1.25;margin:5px 0 10px}.article-kicker{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.13em}.article-meta{font-size:12px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.article-lead{font-size:18px;color:var(--deep);font-weight:700}.article-modal section{padding:5px 0}.article-modal section h3{margin-bottom:4px}.source-box{margin-top:25px;background:var(--sage);border-radius:18px;padding:20px}.source-box a{text-decoration:underline}.source-box p{font-size:12px}.not-found{min-height:100vh;display:grid;place-content:center;text-align:center;padding:25px}.not-found h1{font-size:42px;color:var(--deep);margin:8px}.not-found .brand-mark{margin:auto}
@media(max-width:900px){.mascot-intro{grid-template-columns:1fr 1fr}.mascot-visual{grid-column:1/-1;max-height:440px}.article-modal{padding:30px}}@media(max-width:620px){.mascot-intro{grid-template-columns:1fr}.mascot-visual{grid-column:auto;min-height:230px}.mascots blockquote{font-size:15px}.article-modal{padding:24px}.article-modal h2{font-size:28px}}