/* 2の補数ガイド一覧・記事で使う共通スタイル */
.twos-guide-hub-page .guide-hub{margin-top:12px;padding-top:30px}
.twos-learning-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 36px;counter-reset:twos-step}
.twos-learning-path a{position:relative;display:flex;min-height:86px;align-items:center;padding:18px 16px 18px 48px;color:var(--text-color);background:var(--tool-bg);border:1px solid var(--border-color);border-radius:8px}
.twos-learning-path a::before{counter-increment:twos-step;content:counter(twos-step);position:absolute;left:15px;display:grid;width:24px;height:24px;place-items:center;color:#fff;background:var(--primary-color);border-radius:50%;font-size:12px;font-weight:700}
.twos-learning-path a:hover,.twos-topic-card:hover{border-color:var(--primary-color);text-decoration:none}
.twos-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.twos-topic-card{display:flex;flex-direction:column;gap:8px;padding:22px;color:var(--text-color);background:var(--panel-bg);border:1px solid var(--border-color);border-radius:9px;transition:border-color .2s,transform .2s}
.twos-topic-card:hover{transform:translateY(-2px)}
.twos-topic-card .topic-label{align-self:flex-start;padding:3px 8px;color:var(--primary-color);background:rgba(0,86,179,.08);border-radius:999px;font-size:11px;font-weight:700}
.twos-topic-card strong{font-size:17px;line-height:1.5}.twos-topic-card span:last-child{color:var(--text-muted);font-size:13px;line-height:1.65}
.twos-tool-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:42px 0;padding:24px;background:linear-gradient(135deg,rgba(0,86,179,.08),rgba(0,86,179,.02));border:1px solid rgba(0,86,179,.24);border-radius:9px}
.twos-tool-callout p{margin:5px 0 0;color:var(--text-muted)}.twos-tool-callout a{flex:0 0 auto;padding:11px 20px;color:#fff;background:var(--primary-color);border-radius:999px;font-weight:700}.twos-tool-callout a:hover{color:#fff;text-decoration:none}
.twos-guide-article .formula-box{margin:20px 0;padding:18px 20px;overflow-x:auto;background:var(--tool-bg);border:1px solid var(--border-color);border-left:5px solid var(--primary-color);border-radius:8px}
.twos-guide-article .formula-box code{display:block;min-width:max-content;padding:6px 0;background:transparent;font-size:16px;text-align:center}
.twos-guide-article .calculation-steps{margin:20px 0 32px;padding:0;list-style:none;counter-reset:twos-calc}
.twos-guide-article .calculation-steps li{position:relative;margin:0 0 12px;padding:16px 18px 16px 54px;background:var(--tool-bg);border:1px solid var(--border-color);border-radius:8px}
.twos-guide-article .calculation-steps li::before{counter-increment:twos-calc;content:counter(twos-calc);position:absolute;top:15px;left:16px;display:grid;width:25px;height:25px;place-items:center;color:#fff;background:var(--primary-color);border-radius:50%;font-size:12px;font-weight:700}
.twos-guide-article .result-box,.twos-guide-article .warning-box{margin:24px 0;padding:18px 20px;border-radius:8px}.twos-guide-article .result-box{background:rgba(40,167,69,.08);border:1px solid rgba(40,167,69,.35)}.twos-guide-article .warning-box{color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border)}
.twos-guide-article .result-box p:last-child,.twos-guide-article .warning-box p:last-child{margin-bottom:0}
@media(max-width:760px){.twos-learning-path{grid-template-columns:1fr 1fr}.twos-topic-grid{grid-template-columns:1fr}.twos-tool-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.twos-learning-path{grid-template-columns:1fr}}