.sharing-guide-page { min-height:100vh; background:var(--paper); color:var(--ink); }
.sharing-guide-nav { display:flex; align-items:center; justify-content:flex-end; gap:clamp(12px,2.5vw,28px); margin-left:auto; color:var(--muted); font-size:11px; font-weight:750; }
.sharing-guide-nav a:hover,.sharing-guide-nav [aria-current="page"] { color:var(--ink); }
.sharing-guide { max-width:900px; padding-top:72px; padding-bottom:82px; }
.sharing-guide-hero { max-width:790px; margin:0 auto 68px; text-align:center; }
.sharing-guide-hero h1 { margin:16px 0 19px; font:500 clamp(40px,6.2vw,70px)/1.03 Georgia,"Times New Roman",serif; letter-spacing:-2.8px; }
.sharing-guide-hero h1 em { color:var(--coral); font-weight:400; }
.sharing-guide-hero > p { max-width:700px; margin:0 auto; color:var(--muted); font:17px/1.75 Georgia,"Times New Roman",serif; }
.sharing-guide-cta { display:inline-flex; align-items:center; gap:10px; margin-top:26px; padding:13px 18px; border-radius:12px; color:#fffdf8; background:var(--ink); font-size:12px; font-weight:800; }
.sharing-guide-cta span { color:#ff816a; }
.sharing-guide-hero > p.sharing-guide-start-note { max-width:none; margin:11px 0 0; color:var(--muted); font:11px/1.5 Inter,ui-sans-serif,system-ui,sans-serif; }
.sharing-guide-section { max-width:740px; margin:0 auto 52px; }
.sharing-guide-section h2,.sharing-guide-faq h2,.sharing-guide-privacy h2 { margin:9px 0 18px; font:500 clamp(30px,4vw,42px)/1.12 Georgia,"Times New Roman",serif; letter-spacing:-1px; }
.sharing-guide-section > p { color:var(--muted); font:16px/1.8 Georgia,"Times New Roman",serif; }
.sharing-guide-section > p a { color:var(--coral-dark); text-decoration:underline; text-underline-offset:3px; }
.sharing-guide-steps { display:grid; gap:10px; margin:25px 0 0; padding:0; list-style:none; }
.sharing-guide-steps li { display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; padding:19px 20px; border:1px solid var(--line); border-radius:14px 11px 16px 12px; background:var(--card); }
.sharing-guide-steps li > span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#fffdf8; background:var(--ink); font-size:11px; font-weight:850; }
.sharing-guide-steps h3 { margin:0 0 6px; font:600 19px/1.3 Georgia,"Times New Roman",serif; }
.sharing-guide-steps p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.sharing-guide-privacy { max-width:740px; margin:0 auto 52px; padding:25px 27px; border:1px solid #d8c78a; border-radius:16px 12px 18px 14px; background:#f5edcf; color:#18221f; }
.sharing-guide-privacy .section-kicker { color:#8b5c2c; }
.sharing-guide-privacy h2 { margin-bottom:11px; font-size:29px; }
.sharing-guide-privacy p { margin:0; color:#34413b; font:15px/1.8 Georgia,"Times New Roman",serif; }
.sharing-guide-faq { max-width:740px; margin:0 auto; }
.sharing-guide-faq details { border-top:1px solid var(--line); }
.sharing-guide-faq details:last-child { border-bottom:1px solid var(--line); }
.sharing-guide-faq summary { padding:17px 2px; cursor:pointer; color:var(--ink); font-size:14px; font-weight:780; }
.sharing-guide-faq details p { margin:0; padding:0 2px 18px; color:var(--muted); font:14px/1.75 Georgia,"Times New Roman",serif; }
.sharing-guide-close { display:flex; max-width:740px; align-items:center; justify-content:space-between; gap:20px; margin:45px auto 0; padding:20px 22px; border:1px solid var(--line); border-radius:14px; background:var(--card); }
.sharing-guide-close p { margin:0; font:600 16px/1.5 Georgia,"Times New Roman",serif; }
.sharing-guide-close a { flex:0 0 auto; color:var(--coral-dark); font-size:12px; font-weight:850; }
@media(max-width:620px) {
    .sharing-guide-nav { gap:9px; font-size:9px; }
    .sharing-guide { padding-top:48px; padding-bottom:56px; }
    .sharing-guide-hero { margin-bottom:48px; }
    .sharing-guide-hero h1 { font-size:42px; letter-spacing:-1.8px; }
    .sharing-guide-hero > p { font-size:15px; }
    .sharing-guide-section { margin-bottom:39px; }
    .sharing-guide-section > p { font-size:15px; }
    .sharing-guide-steps li { grid-template-columns:36px minmax(0,1fr); gap:11px; padding:16px 13px; }
    .sharing-guide-steps li > span { width:34px; height:34px; }
    .sharing-guide-privacy { margin-bottom:39px; padding:20px 18px; }
    .sharing-guide-privacy h2 { font-size:26px; }
    .sharing-guide-close { align-items:flex-start; flex-direction:column; }
}
@media(max-width:390px) {
    .sharing-guide-nav { gap:7px; font-size:8px; }
    .sharing-guide-hero h1 { font-size:36px; }
}
html[data-theme="night"] .sharing-guide-cta,
html[data-theme="night"] .sharing-guide-steps li > span { color:#101713; background:#edf3ef; }
html[data-theme="night"] .sharing-guide-privacy { border-color:#6d674c; color:#edf3ef; background:#263329; }
html[data-theme="night"] .sharing-guide-privacy .section-kicker { color:#f2d98e; }
html[data-theme="night"] .sharing-guide-privacy p { color:#d7e0da; }
html[data-theme="clarity"] .sharing-guide-privacy { border:2px solid #000; color:#000; background:#fff; }
html[data-theme="clarity"] .sharing-guide-privacy .section-kicker,
html[data-theme="clarity"] .sharing-guide-privacy p { color:#000; }