/* RE:BRAIN SNS operation design — shared style */
:root{--bg:#f7f5f0;--paper:#fffdfa;--ink:#18212c;--muted:#4e5966;--line:#d8d2c7;--navy:#19324a;--navy2:#284a68;--amber:#8a4b08;--amber-bg:#fff4da;--amber-line:#dbab55;--green:#23583b;--green-bg:#ecf5ee;--green-line:#8fbb9a;--red:#8c2c2c;--red-bg:#fff0ee;--shadow:0 4px 18px rgba(24,33,44,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.65;letter-spacing:.015em}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:5;background:rgba(255,253,250,.96);border-bottom:1px solid var(--line)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--navy);text-decoration:none;font-weight:700;letter-spacing:.07em}.brand small{color:var(--muted);font-size:11px;margin-left:9px;font-weight:500}.global-nav{display:flex;gap:3px;flex-wrap:wrap}.global-nav a{padding:6px 10px;color:var(--muted);font-size:13px;text-decoration:none;border-radius:4px}.global-nav a:hover,.global-nav a.active{background:#eee9df;color:var(--navy)}.hero{padding:64px 0 56px;background:linear-gradient(135deg,#edf0f1 0%,var(--bg) 62%);border-bottom:1px solid var(--line)}.eyebrow{color:var(--amber);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}.hero h1{max-width:850px;font-size:clamp(30px,4vw,48px);margin:0 0 16px;color:var(--navy)}h1,h2,h3,h4{font-weight:700;line-height:1.48;color:var(--navy)}h2{font-size:clamp(25px,3vw,34px);margin:0 0 14px}h3{font-size:19px;margin:0 0 8px}h4{font-size:16px;margin:0 0 6px}.lead{font-size:17px;max-width:820px;color:var(--muted);margin:0}.meta,.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip,.status{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.45;background:var(--paper);color:var(--muted)}.status.confirmed{background:var(--green-bg);border-color:var(--green-line);color:var(--green)}.status.unverified{background:var(--amber-bg);border-color:var(--amber-line);color:#70400a}.status.risk{background:var(--red-bg);border-color:#d59d98;color:var(--red)}section{padding:58px 0;border-bottom:1px solid var(--line)}section:nth-of-type(even){background:var(--paper)}.section-lead{max-width:850px;color:var(--muted);margin:0 0 25px}.callout{padding:17px 20px;border:1px solid var(--amber-line);background:var(--amber-bg);border-radius:8px;color:#553708;margin:18px 0 24px}.callout strong{color:#553708}.callout.confirmed{border-color:var(--green-line);background:var(--green-bg);color:var(--green)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:20px;box-shadow:var(--shadow)}.card p{margin:0;color:var(--muted)}.card .status{margin-bottom:10px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper)}table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{background:#ece8e0;color:var(--navy);font-weight:700}tr:last-child td{border-bottom:none}.calendar td{min-width:108px}.calendar .x{background:#edf2f5}.calendar .ig{background:#f7f0eb}.calendar .fb{background:#eef2eb}.calendar .note{background:#f5f1e9}.channel-links{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.channel-link{display:block;padding:18px;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px}.channel-link:hover{border-color:var(--amber);box-shadow:var(--shadow)}.channel-link strong{display:block;color:var(--navy);font-size:18px}.channel-link span{font-size:13px;color:var(--muted)}.template{white-space:pre-wrap;background:#f1eee7;border:1px solid var(--line);border-radius:7px;padding:16px;font-size:14px;line-height:1.7;color:var(--ink);margin:12px 0 0}.template-title{font-size:13px;color:var(--amber);font-weight:700;margin-top:19px}.template-title:first-child{margin-top:0}.spec-list{margin:0;padding-left:20px;color:var(--muted)}.spec-list li{margin:6px 0}.checklist{list-style:none;padding:0;margin:0}.checklist li{position:relative;padding:8px 0 8px 27px;border-bottom:1px solid var(--line);color:var(--muted)}.checklist li:last-child{border-bottom:0}.checklist li:before{content:"□";position:absolute;left:0;color:var(--amber);font-size:19px;line-height:1.4}.back{display:inline-block;margin-top:25px;color:var(--navy);font-weight:700}.source{font-size:12px;color:var(--muted);margin:18px 0 0}.footer{padding:28px 0;text-align:center;color:var(--muted);font-size:12px}@media(max-width:800px){.global-nav{display:none}.grid.three,.grid.four,.channel-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.wrap{width:min(100% - 28px,1120px)}.grid.two,.grid.three,.grid.four,.channel-links{grid-template-columns:1fr}.hero{padding:45px 0}.brand small{display:none}section{padding:42px 0}}