:root{--about-navy:#102a43;--about-blue:#1769aa;--about-soft:#eef6fb;--about-line:#d7e3ec;--about-text:#243b53;--about-muted:#526d82}
#sm-about-tabs{display:flex;gap:8px;align-items:center;max-width:1180px;margin:0 auto 18px;padding:0 4px;flex-wrap:wrap}
#sm-about-tabs button{appearance:none;border:1px solid var(--about-line);background:#fff;color:var(--about-navy);border-radius:999px;padding:10px 16px;font:inherit;font-weight:750;cursor:pointer;box-shadow:none}
#sm-about-tabs button[aria-selected="true"]{background:var(--about-navy);color:#fff;border-color:var(--about-navy)}
#sm-about-panel{max-width:1180px;margin:0 auto 28px;padding:clamp(22px,4vw,42px);border:1px solid var(--about-line);border-radius:24px;background:linear-gradient(180deg,#fff,var(--about-soft));color:var(--about-text);box-sizing:border-box}
#sm-about-panel[hidden]{display:none!important}
#sm-about-panel .about-kicker{display:inline-block;margin-bottom:10px;font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--about-blue)}
#sm-about-panel h1{margin:.1em 0 .35em;color:var(--about-navy);font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.07}
#sm-about-panel h2{margin:1.5em 0 .45em;color:var(--about-navy);font-size:clamp(1.2rem,2.2vw,1.55rem)}
#sm-about-panel p{max-width:900px;line-height:1.65;margin:.55em 0;color:var(--about-text)}
#sm-about-panel .about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}
#sm-about-panel .about-card{background:#fff;border:1px solid var(--about-line);border-radius:16px;padding:18px}
#sm-about-panel .about-card b{display:block;color:var(--about-navy);margin-bottom:6px}
#sm-about-panel .about-note{margin-top:20px;padding:16px 18px;border-left:4px solid var(--about-blue);background:#fff;border-radius:10px}
#sm-about-panel .about-author{margin-top:24px;padding:20px;border:1px solid var(--about-line);background:#fff;border-radius:18px}
#sm-about-panel .about-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:11px 16px;border-radius:10px;background:var(--about-navy);color:#fff!important;text-decoration:none;font-weight:800}
#sm-about-panel .about-link:hover{filter:brightness(1.08)}
@media(max-width:760px){#sm-about-panel .about-grid{grid-template-columns:1fr}#sm-about-tabs{padding:0 14px}#sm-about-panel{margin-left:14px;margin-right:14px}}