.sg-page{--sg-ink:#233d38;--sg-paper:#fff9e9;max-width:1000px;margin:auto;padding:24px 20px 64px;color:var(--sg-ink);background:var(--sg-paper);min-height:100vh;font-family:system-ui,sans-serif;line-height:1.7}.sg-page h1{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;margin:12px 0}.sg-page h2,.sg-preview h2{font-size:1.25rem;font-weight:800;margin:6px 0 12px}.sg-page h3{font-weight:800;margin:16px 0 6px}.sg-page p{margin:10px 0}.sg-inline,.sg-page header,.sg-tabs{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.sg-page header{justify-content:space-between}.sg-page a{text-decoration:underline;text-underline-offset:4px;font-weight:700}.sg-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em}.sg-tabs{margin:18px 0 24px}.sg-tabs a{border:2px solid var(--sg-ink);padding:8px 14px;border-radius:10px;background:white;min-height:44px}.sg-card{border:2px solid var(--sg-ink);border-radius:16px;background:#fffef9;padding:22px;margin:18px 0;box-shadow:3px 4px 0 #233d38}.sg-card summary{cursor:pointer;font-weight:800;min-height:44px}.sg-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sg-grid .sg-card{margin:0}.sg-notice{padding:16px;border-left:5px solid #ac651f;background:#fff0c8}.sg-local{font-size:.85rem;color:#476258}.sg-page button,.sg-page input:not([type=checkbox]),.sg-page select,.sg-page textarea{min-height:44px;border:2px solid var(--sg-ink);border-radius:9px;padding:8px 12px;max-width:100%;font:inherit;background:white;color:inherit}.sg-page button{font-weight:800;background:#f7d278;cursor:pointer}.sg-page button:disabled{opacity:.6;cursor:wait}.sg-entries :focus-visible,.sg-page :focus-visible,.sg-preview :focus-visible{outline:3px solid #287765;outline-offset:4px}.sg-form{display:grid;gap:18px}.sg-form label{display:grid;gap:6px;font-weight:700}.sg-form label.sg-checkbox{display:flex;align-items:center;gap:10px}.sg-checkbox input{width:24px;height:24px;flex:none}.sg-form button{justify-self:start}.sg-form small,.sg-trends small{font-weight:400;color:#476258}.sg-drafts,.sg-trends{list-style:none;padding:0}.sg-drafts li,.sg-trends li{display:grid;gap:4px;border-top:1px solid #bfd0c4;padding:16px 0;overflow-wrap:anywhere}.sg-drafts button{justify-self:start}.sg-preview{display:flex;justify-content:space-between;gap:24px;padding:22px;border:2px solid #233d38;border-radius:16px;background:#fff9e9;box-shadow:3px 4px 0 #233d38;color:#233d38;margin:24px 0}.sg-preview-links{display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:200px}.sg-preview-links a{font-weight:800;text-decoration:underline;min-height:44px;display:flex;align-items:center}.sg-entries{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.sg-entries>a{display:flex;gap:14px;align-items:center;padding:18px;border:2px solid #233d38;border-radius:12px;background:#fff9e9;color:#233d38;min-height:80px}.sg-entries>a>span{font-size:1.5rem}.sg-entries>a>div{flex:1}.sg-entries small{display:block;font-size:.82rem;margin-top:4px}.sg-entries b{font-size:1.1rem}.sg-page details ul{padding-left:22px}.sg-page ul li{margin:8px 0}@media(max-width:640px){.sg-entries,.sg-grid{grid-template-columns:1fr}.sg-preview{flex-direction:column;gap:12px}.sg-page{padding:18px 16px 48px}.sg-card{padding:18px}.sg-tabs{gap:8px}.sg-tabs a{flex:1;text-align:center;padding:8px}.sg-inline button{width:100%}}@media(prefers-reduced-motion:reduce){.sg-entries *,.sg-page *,.sg-preview *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}