.post-header,.post-main{width:min(720px,calc(100% - 32px));margin-inline:auto}
.post-header{padding:32px 0 20px}
.post-back{display:inline-block;min-height:44px;padding:8px 0;color:var(--green-deep);text-underline-offset:4px}
.post-header .kicker{margin:10px 0 0}
.post-main{margin-bottom:48px}
.post-card{padding:clamp(24px,6vw,48px);border:2px solid var(--cocoa);border-radius:28px;background:var(--cream);box-shadow:var(--shadow);text-align:center}
.post-symbol{display:block;font-size:3.5rem;line-height:1.3;margin-bottom:16px}
.post-card h1{font-size:clamp(2rem,7vw,3rem);line-height:1.4;letter-spacing:0}
.post-lead{margin:18px 0 24px;color:var(--muted)}
.post-app{display:inline-block;margin:0 0 24px;padding:8px 16px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;max-width:100%;overflow-wrap:anywhere}
.post-app strong{color:var(--green-deep)}
.post-button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:56px;padding:12px 16px;border:2px solid var(--green-deep);border-radius:16px;background:var(--green-deep);color:#fff;text-decoration:none;font-weight:700;overflow-wrap:anywhere}
.post-button:hover{background:#3d511f;border-color:#3d511f}
.post-button:focus-visible,.post-back:focus-visible,.post-notes summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.post-caption{margin:14px 0 0;font-size:.87rem;color:var(--muted)}
.post-error{color:#7b2d20;font-weight:700}
.post-notes{margin-top:28px;padding:4px 8px;color:var(--muted)}
.post-notes h2{font-size:1.2rem;color:var(--ink)}
.post-notes ul{padding-left:1.4em}
.post-notes li+li{margin-top:10px}
.post-notes details{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}
.post-notes summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--ink)}
.post-notes details p{margin-top:8px}
@media(max-width:375px){.post-card{padding:24px 18px;border-radius:22px}.post-lead{font-size:.92rem}.post-button{font-size:.95rem}.post-app{padding:8px 10px}}
