*{box-sizing:border-box}body{margin:0;background:#f7f8f4;color:#263f36;font-family:system-ui,sans-serif;line-height:1.9}header,main,footer{max-width:920px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}a{color:#386552;text-underline-offset:4px}.brand{display:flex;gap:10px;align-items:center;font-weight:700;text-decoration:none}.brand img{flex:none}article{background:#fff;border:1px solid #dfe6df;border-radius:20px;padding:40px;margin:24px 0}h1{font-size:clamp(26px,5vw,40px);line-height:1.5}h2{font-size:22px;line-height:1.6;margin:32px 0 12px}.intro{font-size:18px}.cta{display:inline-block;background:#386552;color:#fff;border-radius:8px;padding:12px 20px;text-decoration:none;margin:16px 0}.notice{background:#f1f5ef;padding:20px;border-radius:12px;margin:32px 0}.notice h2{margin-top:0}details{padding:16px 0;border-bottom:1px solid #dfe6df}summary{cursor:pointer;font-weight:600}.guide-links,footer{display:flex;flex-wrap:wrap;gap:16px}.guide-links a{padding:8px 12px;border:1px solid #dfe6df;border-radius:8px;background:#fff}footer{font-size:13px}footer button{background:none;border:0;text-decoration:underline;color:#386552;font:inherit}.skip-link{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:10}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #386552;outline-offset:3px}@media(max-width:600px){header,main,footer{padding:16px}article{padding:22px}header a{font-size:14px}.intro{font-size:16px}h2{font-size:20px}}
/* Public examples and reusable invitation wording. */
.occasion-section{margin-top:32px}.occasion-preview{max-width:600px;margin:24px auto;background:#fbfaf6;border:1px solid #d8dfd5;border-radius:12px;overflow:hidden}.occasion-preview>img{display:block;width:100%;height:250px;object-fit:cover}.occasion-preview figcaption{padding:28px;text-align:center}.occasion-preview figcaption>span{font-size:11px;letter-spacing:.12em;color:#526258}.occasion-preview h3{font-size:26px;font-weight:500;margin:14px 0}.occasion-preview dl{margin:24px 0 0;border-top:1px solid #dfe6df;padding-top:18px;font-size:13px}.occasion-preview dl>div{display:grid;grid-template-columns:55px 1fr;gap:12px;text-align:left;padding:6px 0}.occasion-preview dd{margin:0}.sample-caption{font-size:12px;color:#526258}.wording{padding:22px;border:1px solid #dfe6df;border-radius:10px;margin:20px 0}.wording h3{margin:0 0 12px;font-size:18px}.wording pre{font:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px}.wording button{font:inherit;font-size:14px;padding:10px 16px;border:1px solid #386552;border-radius:7px;background:white;color:#386552;cursor:pointer;min-height:44px}.wording button[hidden]{display:none}.wording button:hover{background:#edf2e9}#copy-status{font-size:14px;color:#386552}.occasion-actions{background:#edf2e9;padding:24px;border-radius:12px;margin-top:32px}.occasion-actions h2{margin-top:0}.occasion-actions>a:not(.cta){display:inline-block;margin:10px 0}.occasion-related{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.occasion-actions .cta{margin-right:12px}@media(max-width:600px){.occasion-preview>img{height:170px}.occasion-preview figcaption{padding:20px 16px}.occasion-preview h3{font-size:23px}.occasion-preview dl>div{grid-template-columns:38px 1fr;gap:8px;font-size:12px}.wording{padding:16px}.wording pre{font-size:13px}.occasion-actions{padding:18px}.occasion-actions .cta{display:block;text-align:center;margin-right:0}}
