.site-nav{display:flex;gap:18px;flex-wrap:wrap}.site-nav a{font-size:13px;text-underline-offset:4px}.site-footer{max-width:1240px;margin:auto;padding:22px 32px 32px;border-top:1px solid var(--line);font-size:12px;line-height:1.9}.site-footer p{margin:8px 0;color:#8b8077}.document-page{max-width:820px;line-height:1.9;font-size:15px}.document-page h1{margin-bottom:20px}.document-page h2{font-size:19px;margin:0 0 10px}.document-page section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:18px 0}.document-page p{margin:10px 0}.document-page li{margin:10px 0}.document-page ol,.document-page ul{padding-left:1.5em}.document-page a{color:#536f50;text-underline-offset:4px;overflow-wrap:anywhere}.document-page .return-link{display:inline-block;background:var(--accent);color:#fff;padding:11px 20px;border-radius:10px;text-decoration:none}.document-page .note{font-size:13px;color:#81756b}.document-page .tag{font-weight:bold;overflow-wrap:anywhere}header .brand-link{font-size:16px;color:inherit;text-decoration:none}header .brand{letter-spacing:0}@media(max-width:600px){header{padding:18px 18px;flex-wrap:wrap;gap:14px}.site-nav{gap:18px}.site-nav a{padding:5px 0}.document-page{padding:24px 18px;font-size:14px}.document-page h1{font-size:25px}.document-page section{padding:20px}.site-footer{padding:20px 18px}.brand{font-size:15px}}
.share-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.share-x{display:block;padding:12px 10px;background:#292638;color:white;border-radius:10px;text-decoration:none;text-align:center;font-size:14px;font-weight:700}.share-panel button{width:100%;margin-top:8px;padding:10px;border-radius:9px}.share-panel .hint{overflow-wrap:anywhere;line-height:1.8}.share-panel textarea{width:100%;min-height:130px;box-sizing:border-box;font:inherit}.blog-card{display:flex;flex-direction:column;gap:8px;margin:26px 0;padding:24px;background:#edf1e8;border:1px solid #d8e0ce;border-radius:16px;color:#4b6247;text-decoration:none}.blog-card span{font-size:13px}.blog-ad{max-width:760px;margin:36px auto;text-align:center;min-height:100px}.blog-ad>p{font-size:11px;color:#8b8077}.blog-ad[hidden]{display:none}
@media(min-width:761px){.preview-panel{max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin}}

/* Clear two-step share controls */
.share-instructions{background:#fff3c9;border:2px solid #d6ad43;border-radius:12px;padding:15px;color:#493720;text-align:left;font-size:14px;line-height:1.65}.share-instructions>strong{display:block;font-size:17px;color:#543a16}.share-instructions ol{list-style:none;padding:0;margin:10px 0}.share-instructions li{margin:9px 0}.share-instructions p{font-size:12px;margin:10px 0 0}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;align-items:stretch}.share-panel .share-actions button,.share-panel .share-actions a{margin:0;box-sizing:border-box;min-width:0;padding:13px 5px;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;border-radius:10px}.share-panel .share-actions button{background:#edf3e7;color:#35452e;border:1px solid #879e78}.share-panel #share-status:not(:empty){background:#edf3e7;border-radius:8px;padding:10px;color:#35452e;font-weight:700}