:root{--color-bg:#2e6417;--color-surface:#fff;--color-text:#1e2a21;--color-muted:#5e6d63;--color-line:#d9e5da;--color-accent:#5e9b6b;--font-body:"Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box}html{margin:0}body{flex-direction:column;min-width:320px;min-height:100vh;margin:0;display:flex}body>div{flex-direction:column;flex:1;display:flex}header{z-index:900;background:var(--color-surface);width:100%;color:var(--color-accent);justify-content:space-between;align-items:center;gap:10px;padding:5px 20px 5px 10px;display:flex;position:fixed;top:0;left:0}header a{font-weight:700;text-decoration:none}header a:hover{text-decoration:underline}header>a>img{width:40px;height:40px}header>nav>ul{gap:10px;list-style:none;display:flex}main{flex:1}footer{color:#fff;justify-items:center;padding-bottom:20px}h1,h2,h3,h4,p,ul{margin:0;padding:0}[hidden]{display:none!important}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit}.site-shell{width:min(100% - 32px,768px);margin:0 auto;padding:70px 0 20px}.section-list{flex-direction:column;gap:12px;display:flex}.section-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:20px;flex-direction:column;gap:10px;padding:20px 24px;display:flex}.card-title{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.card-text{color:var(--color-muted);font-size:1.05rem}.card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-link{border:1px solid var(--color-line);background:var(--color-surface);min-height:44px;color:var(--color-accent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.card-link:hover,.card-link:focus-visible{border:1px solid var(--color-accent);background:#f3faf4}.card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card-link.disabled{pointer-events:none;opacity:.5;cursor:default;text-decoration:none}.card-separator{border:1px dashed var(--color-accent);margin:10px 0}.tag-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.tag-chip{border:1px solid var(--color-line);min-height:32px;color:var(--color-accent);text-wrap:nowrap;background:#edf6ee;border-radius:999px;padding:6px 12px;font-size:.85rem;line-height:1.2}button.tag-chip{cursor:pointer;min-height:40px}.tag-chip.tag-filter{background:var(--color-surface);color:var(--color-text)}.tag-chip.tag-filter.is-active{border-color:var(--color-accent);color:var(--color-accent);background:#edf6ee}.tag-chip.tag-filter:hover,.tag-chip.tag-filter:focus-visible{border-color:var(--color-accent)}.tag-chip.tag-filter:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.social-links{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.social-links img{width:20px;height:20px}.social-links a{border:1px solid var(--color-line);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.social-links a:hover,.social-links a:focus-visible{border-color:var(--color-accent);background:#f3faf4}.social-links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}