.t2-wrap { font-size:14px; line-height:1.6; color:#0f172a; --t2-brand: var(--wp--preset--color--primary, #720101); }
.t2-input, .t2-select { width:100%; height:40px; padding:8px 12px; border:1px solid #d1d5db; border-radius:10px; outline:none; background:#fff; }
.t2-input:focus, .t2-select:focus { border-color:var(--t2-brand); box-shadow:0 0 0 3px rgba(114,1,1,0.15); }
.t2-btn { display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 16px; border-radius:10px; border:1px solid #111827; color:#fff; background:#111827; font-weight:600; cursor:pointer; }
.t2-btn.secondary { background:#fff; color:#111827; }.t2-title{ font-size:22px; font-weight:800; color:var(--t2-brand); margin-bottom:10px; }
.t2-subtitle{ font-size:15px; font-weight:700; color:var(--t2-brand); margin:16px 0 8px; }
.t2-muted{ color:#6b7280; }
.t2-card{ background:#fff; border:1px solid #cbd5e1; border-radius:16px; box-shadow:0 1px 4px rgba(0,0,0,.04); padding:16px; margin-bottom:16px; }
.t2-kv{ display:grid; grid-template-columns: 160px 1fr; gap:8px; }
.t2-kv > div:first-child{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .t2-table{ width:100%; border-collapse:collapse; font-variant-numeric: tabular-nums; }
.t2-table th, .t2-table td{ border:1px solid #cbd5e1; padding:8px; text-align:left; }
.t2-table th{ background:#f8fafc; color:var(--t2-brand); font-weight:800; }
.t2-table tr:nth-child(even){ background:#fafafa; }
.t2-progress{ height:8px; background:#eef2ff; border-radius:999px; overflow:hidden; }
.t2-progress > span{ display:block; height:8px; background:var(--t2-brand); }
.t2-badge{ display:inline-block; padding:2px 8px; border-radius:999px; background:#f3f4f6; border:1px solid #cbd5e1; font-size:12px; margin:2px 4px 0 0; } .t2-page{ display:grid; grid-template-columns: 280px 1fr; gap:20px; }
.t2-toc{ position:sticky; top:80px; align-self:start; background:#fff; border:1px solid #cbd5e1; border-radius:14px; padding:12px; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.t2-toc h4{ margin:0 0 8px; font-size:14px; font-weight:800; color:var(--t2-brand); }
.t2-toc a{ display:block; padding:6px 8px; border-radius:8px; color:#334155; text-decoration:none; }
.t2-toc a:hover{ background:#f8fafc; color:#111827; }
.t2-toc .lvl1{ font-weight:700; }
.t2-content{ min-width:0; }
[id^="sec-"]{ scroll-margin-top: 80px; } .t2-pillar-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.t2-pillar{ text-align:center; border:1px solid #cbd5e1; border-radius:12px; padding:10px; }
.t2-pillar .big{ font-size:20px; font-weight:800; }
.t2-two{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.t2-three{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.t2-two .t2-card, .t2-three .t2-card{ margin:0; }
.t2-elements{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; text-align:center; }
.t2-elements .val{ font-weight:700; } @media (max-width: 1024px){
.t2-page{ grid-template-columns:1fr; }
.t2-toc{ position:relative; top:auto; }
.t2-pillar-grid{ grid-template-columns:repeat(2,1fr); }
.t2-two{ grid-template-columns:1fr; }
.t2-three{ grid-template-columns:1fr 1fr; }
.t2-kv{ grid-template-columns:120px 1fr; }
}
@media (max-width: 640px){
.t2-elements{ grid-template-columns:1fr 1fr; }
.t2-three{ grid-template-columns:1fr; }
.t2-pillar-grid{ grid-template-columns:1fr; }
.t2-kv{ grid-template-columns:100px 1fr; }
} @media print{
.t2-toc, .t2-btn{ display:none !important; }
.t2-page{ grid-template-columns:1fr; }
}