:root{--sm-navy:#071a33;--sm-navy2:#103c65;--sm-gold:#c2a15e;--sm-paper:#f6f3eb;--sm-ink:#18293b;--sm-muted:#607084;--sm-line:#dce3e9;--sm-blue:#316ea5;--sm-red:#9c4d47;--sm-amber:#9a6a25}
*{box-sizing:border-box}
.misalignment-shell{width:min(1120px,calc(100% - 40px));margin:auto}
.misalignment-article-width{width:min(760px,calc(100% - 40px));margin:auto}
.content-context{margin-top:69px;background:#fff;border-bottom:1px solid #e4e8ec}
.content-context-inner{width:min(1120px,calc(100% - 40px));min-height:54px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.content-context ol{display:flex;gap:8px;list-style:none;margin:0;padding:0;font-size:.76rem;color:#6e7c8c}
.content-context li:not(:last-child)::after{content:"/";margin-left:8px;color:#bbc4cd}
.content-context a{color:#40546a;text-decoration:none}
.content-context-all{font-weight:700}
.misalignment-hero{padding:7rem 0;background:radial-gradient(circle at 82% 12%,rgba(194,161,94,.2),transparent 25%),linear-gradient(135deg,var(--sm-navy),var(--sm-navy2));color:#fff}
.misalignment-hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2.5rem,4vw,4.5rem);align-items:center}
.misalignment-eyebrow,.misalignment-kicker{margin:0 0 1rem;color:#dfc481;font:600 .72rem Montserrat,sans-serif;letter-spacing:.18em}
.misalignment-kicker{color:#8e6c34}
.misalignment-hero h1{margin:0;font:700 clamp(2.3rem,5vw,4rem)/1.45 'Noto Serif JP',serif}
.misalignment-hero-line{display:block;white-space:nowrap}
.misalignment-hero-line+.misalignment-hero-line{color:#f1d99f}
.misalignment-lead{max-width:680px;margin:1.8rem 0;color:rgba(255,255,255,.82);line-height:2}
.misalignment-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.35rem;border-radius:8px;background:var(--sm-gold);color:var(--sm-navy);font-weight:700;text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.misalignment-hero-card{padding:1.8rem;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.misalignment-hero-card div{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.14)}
.misalignment-hero-card span{color:#f1d99f;font-size:.78rem;font-weight:700}
.misalignment-hero-card strong{font-size:.92rem}
.misalignment-hero-card p{margin:1.2rem .6rem .2rem;color:rgba(255,255,255,.72);font-size:.82rem;line-height:1.8}
.misalignment-section{padding:6rem 0}
.misalignment-answer p,.misalignment-next-section p{color:var(--sm-muted);font-size:1rem;line-height:2.1}
.misalignment-section h2{margin:0 0 1.5rem;color:var(--sm-navy);font:700 clamp(1.8rem,4vw,2.8rem)/1.55 'Noto Serif JP',serif}
.misalignment-answer-box{margin:2rem 0;padding:1.6rem 1.8rem;border-left:5px solid var(--sm-gold);background:#f6f3eb}
.misalignment-answer-box strong{color:var(--sm-navy);font-size:1.05rem}
.misalignment-answer-box p{margin:.6rem 0 0;color:var(--sm-ink)}
.misalignment-template-section{background:var(--sm-paper)}
.misalignment-section-heading{max-width:760px;margin-bottom:2.8rem}
.misalignment-section-heading>p:last-child{color:var(--sm-muted);line-height:2}
.misalignment-template-layout{display:grid;grid-template-columns:1fr .9fr;gap:2rem;align-items:start}
.misalignment-seven-list{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}
.misalignment-seven-list li{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid #e2dfd6;border-radius:12px;background:#fff}
.misalignment-seven-list b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--sm-navy);color:#fff;font:600 .78rem Montserrat,sans-serif}
.misalignment-seven-list div{display:grid;gap:.25rem}
.misalignment-seven-list strong{color:var(--sm-navy)}
.misalignment-seven-list span{color:var(--sm-muted);font-size:.82rem}
.misalignment-copy-card{position:sticky;top:90px;overflow:hidden;border:1px solid var(--sm-line);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(7,26,51,.08)}
.misalignment-copy-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:var(--sm-navy);color:#fff}
.misalignment-copy-head button{min-height:44px;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.35);border-radius:7px;background:#fff;color:var(--sm-navy);font-weight:700;cursor:pointer}
.misalignment-copy-card pre{margin:0;padding:1.4rem;white-space:pre-wrap;color:var(--sm-ink);font:500 .92rem/2 'Noto Sans JP',sans-serif}
.misalignment-copy-card>p{margin:0;padding:1rem 1.2rem;border-top:1px solid var(--sm-line);color:var(--sm-muted);font-size:.78rem;line-height:1.7}
.misalignment-example-section{background:#fff}
.misalignment-example-board{overflow:hidden;border:1px solid var(--sm-line);border-radius:16px;background:#fff;box-shadow:0 22px 70px rgba(7,26,51,.08)}
.misalignment-example-board dl{margin:0}
.misalignment-example-board dl>div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--sm-line)}
.misalignment-example-board dl>div:last-child{border-bottom:0}
.misalignment-example-board dt{padding:1.2rem 1.4rem;background:#f4f6f8;color:var(--sm-navy);font-weight:700}
.misalignment-example-board dd{margin:0;padding:1.2rem 1.4rem;color:var(--sm-ink);line-height:1.8}
.misalignment-example-board .exception dt{background:#f7ecea;color:var(--sm-red)}
.misalignment-example-board .waiting dt{background:#f8f1e2;color:var(--sm-amber)}
.misalignment-point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.misalignment-point-grid article{padding:1.5rem;border:1px solid var(--sm-line);border-radius:12px;background:#fff}
.misalignment-point-grid span{font:600 .72rem Montserrat,sans-serif;color:#9a7838}
.misalignment-point-grid h3{margin:.65rem 0;color:var(--sm-navy);font-size:1rem}
.misalignment-point-grid p{margin:0;color:var(--sm-muted);font-size:.86rem;line-height:1.85}
.misalignment-next-section{background:var(--sm-paper)}
.misalignment-cta{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-top:2.4rem;padding:1.8rem 2rem;border-radius:14px;background:var(--sm-navy);color:#fff}
.misalignment-cta strong{font-size:1.05rem}
.misalignment-cta p{margin:.5rem 0 0;color:rgba(255,255,255,.72);font-size:.85rem;line-height:1.8}
.misalignment-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1rem;border-radius:8px;background:var(--sm-gold);color:var(--sm-navy);font-weight:700;text-decoration:none;white-space:nowrap}
.content-back{border-top:1px solid var(--sm-line);background:#fff}
.content-back a{display:flex;align-items:center;gap:1rem;width:min(1120px,calc(100% - 40px));margin:auto;padding:1.4rem 0;color:var(--sm-navy);text-decoration:none}
.content-back strong{white-space:nowrap}
.content-back span{color:var(--sm-muted);font-size:.85rem}
.site-footer{margin-top:0}
@media(max-width:820px){.misalignment-hero-layout,.misalignment-template-layout{grid-template-columns:1fr}.misalignment-copy-card{position:static}.misalignment-point-grid{grid-template-columns:1fr}.misalignment-cta{grid-template-columns:1fr}.misalignment-cta a{justify-self:start}}
@media(max-width:640px){.content-context{margin-top:90px}.misalignment-shell,.content-context-inner{width:min(1120px,calc(100% - 28px))}.misalignment-article-width{width:min(760px,calc(100% - 28px))}.content-context-inner{min-height:48px}.content-context ol{font-size:.68rem;white-space:nowrap;overflow:hidden}.content-context-all{display:none}.misalignment-hero{padding:4.5rem 0}.misalignment-hero h1{font-size:2rem}.misalignment-lead{font-size:.92rem;line-height:1.9}.misalignment-hero-card{padding:1rem}.misalignment-hero-card div{grid-template-columns:72px 1fr;padding:.9rem .6rem}.misalignment-section{padding:4rem 0}.misalignment-section h2{font-size:1.7rem}.misalignment-example-board dl>div{grid-template-columns:1fr}.misalignment-example-board dt{padding:.75rem 1rem}.misalignment-example-board dd{padding:1rem}.misalignment-cta{padding:1.4rem}.misalignment-cta a{width:100%}}
@media print{.site-header,.content-context,.misalignment-primary-link,.misalignment-copy-head button,.misalignment-cta,.content-back,.site-footer{display:none!important}.misalignment-hero{padding:2rem 0;background:#fff;color:#111}.misalignment-hero h1,.misalignment-hero h1 span{color:#111}.misalignment-lead{color:#333}.misalignment-hero-card{border:1px solid #ccc;box-shadow:none;color:#111}.misalignment-section{padding:2rem 0}.misalignment-copy-card{position:static;box-shadow:none}.misalignment-template-layout{grid-template-columns:1fr 1fr}}