body.sj-email-article-page { margin:0; background:#fff; color:#18342e; }
.sj-article { max-width:860px; margin:0 auto; padding:24px 24px 48px; font:16px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif; overflow-wrap:anywhere; }
.sj-article,.sj-article * { box-sizing:border-box; }
.sj-article a { color:#175d88; text-underline-offset:3px; }
.sj-article a:focus-visible,.sj-article [tabindex]:focus-visible { outline:3px solid #2563eb; outline-offset:4px; }
.sj-site-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 24px; padding-bottom:14px; border-bottom:1px solid #cddbd6; font-size:.85rem; }
.sj-site-header a { font-weight:700; color:#183e36; }
.sj-breadcrumb { margin:24px 0; color:#52685f; font-size:.85rem; }
.sj-article h1 { margin:0 0 24px; color:#173e34; line-height:1.5; font-size:clamp(1.65rem,4vw,2.25rem); letter-spacing:.01em; }
.sj-article h2 { margin:48px 0 20px; border-left:4px solid #286e58; padding-left:14px; color:#173e34; line-height:1.5; font-size:1.4rem; scroll-margin-top:24px; }
.sj-article h3 { margin:28px 0 12px; line-height:1.65; font-size:1.1rem; }
.sj-article p { margin:0 0 20px; }
.sj-article li { margin:8px 0; }
.sj-article ul,.sj-article ol { padding-left:1.5em; }
.sj-pr { font-size:.88rem; padding:14px 16px; border-left:3px solid #a9651b; background:#fff8eb; color:#664318; }
.sj-checked { color:#52685f; font-size:.85rem; }
.sj-answer { margin:24px 0; padding:24px; border:1px solid #bdd4c9; background:#edf6f1; border-radius:12px; }
.sj-answer p:last-child,.sj-note p:last-child,.sj-toc p { margin-bottom:0; }
.sj-toc { padding:20px 24px; background:#f6f8f7; border:1px solid #dbe3df; border-radius:8px; }
.sj-table-scroll { overflow-x:auto; margin:24px 0; border:1px solid #cedbd5; border-radius:8px; }
.sj-article table { width:100%; min-width:570px; border-collapse:collapse; text-align:left; font-size:.95rem; }
.sj-article caption { padding:14px; text-align:left; color:#52685f; font-size:.85rem; }
.sj-article th,.sj-article td { padding:14px; vertical-align:top; border-top:1px solid #dbe3df; }
.sj-article thead th { background:#e9f0ec; color:#173e34; }
.sj-article tbody th { width:28%; font-weight:700; }
.sj-article tbody td:nth-child(2) { white-space:nowrap; }
.sj-note { color:#52645c; font-size:.9rem; }
aside.sj-note { padding:18px; border-left:3px solid #94b3a4; background:#f6f8f7; }
.sj-next { margin-top:40px; padding:24px; border:1px solid #bdd4c9; border-radius:12px; background:#f3f8f5; }
.sj-next h2 { margin-top:0; }
.sj-actions { display:grid; gap:14px; margin:24px 0 18px; }
.sj-article a.sj-button { display:flex; align-items:center; justify-content:center; min-height:52px; padding:14px 18px; border:2px solid #22654f; border-radius:8px; background:#22654f; color:#fff; font-weight:700; text-decoration:none; text-align:center; line-height:1.6; }
.sj-article a.sj-button:hover { background:#174c3b; }
.sj-article a.sj-button-secondary { background:#fff; color:#225d49; }
.sj-article a.sj-button-secondary:hover { background:#e2eee7; }
.sj-sources { font-size:.9rem; }
.sj-site-footer { margin-top:48px; padding-top:24px; border-top:1px solid #cddbd6; color:#52685f; font-size:.85rem; }
.sj-skip { position:absolute; top:-100px; left:16px; padding:10px; background:#fff; color:#174c3b; z-index:100000; }
.sj-skip:focus { top:8px; }
@media(max-width:600px) { .sj-article { padding:20px 16px 36px; } .sj-answer,.sj-next { padding:20px 16px; } .sj-toc { padding:16px; } .sj-article h2 { font-size:1.23rem; } }
@media(prefers-reduced-motion:reduce) { .sj-article { scroll-behavior:auto; } }

/* Product-guide-only presentation: existing article selectors are unchanged. */
.sj-guide-diagram { margin:24px 0; padding:20px; border:1px solid #bdd4c9; border-radius:12px; background:#f3f8f5; }
.sj-article .sj-guide-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; list-style:none; padding:0; margin:0 0 20px; }
.sj-guide-flow > li { position:relative; margin:0; padding:18px 10px; border:1px solid #94b3a4; border-radius:8px; background:#fff; text-align:center; }
.sj-guide-flow > li:not(:last-child)::after { content:"→"; position:absolute; right:-24px; top:45%; color:#22654f; font-size:22px; font-weight:700; }
.sj-guide-step { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#22654f; color:#fff; font-weight:700; }
.sj-guide-flow h3 { margin:10px 0; font-size:1rem; }
.sj-guide-flow p { margin:0; font-size:.85rem; line-height:1.8; }
.sj-guide-diagram figcaption { font-size:.85rem; color:#52645c; }
.sj-guide-feature { margin:28px 0; padding:20px 24px; border:1px solid #cedbd5; border-radius:10px; }
.sj-guide-feature h3 { margin-top:0; }
.sj-guide-detail { display:grid; grid-template-columns:8em minmax(0,1fr); gap:12px 18px; margin:20px 0; }
.sj-guide-detail dt { font-weight:700; color:#225d49; }
.sj-guide-detail dd { margin:0; }
.sj-guide-feature .sj-note { margin-bottom:0; }
@media(max-width:700px) {
 .sj-article .sj-guide-flow { grid-template-columns:1fr; gap:32px; }
 .sj-guide-flow > li:not(:last-child)::after { content:"↓"; right:calc(50% - 11px); top:auto; bottom:-31px; }
 .sj-guide-feature { padding:18px 16px; }
 .sj-guide-detail { grid-template-columns:1fr; gap:4px; }
 .sj-guide-detail dd { margin-bottom:14px; }
}