
/* v7.19 factual source-based media and six-jaw educational study */
.mechanism-panel{margin-top:18px;background:radial-gradient(circle at 50% 46%,#313b34,#151b17 76%);border:1px solid #857f687a;padding:12px;min-height:260px}
.mechanism-panel svg{width:100%;height:auto;max-height:340px;display:block}
.mechanism-panel .jaw{stroke:#d0b182;stroke-width:1.9;stroke-linejoin:round;transition:d .38s ease;}
.mechanism-panel .jaw.even{fill:#64776a}.mechanism-panel .jaw.odd{fill:#394d44}
.mechanism-panel .jaw-face{stroke:#edc98d;stroke-width:3.8;stroke-linecap:round;transition:all .4s ease}
.mechanism-panel .guide{stroke:#98a08b;stroke-dasharray:4 5;stroke-width:1;opacity:.6;fill:none}
.mechanism-panel .open-hex{fill:#0b1210;stroke:#eac68b;stroke-width:2;stroke-linejoin:round;transition:all .4s ease}
.mechanism-panel .center-note{font:11px system-ui,Arial,sans-serif;fill:#f7e3bc;text-anchor:middle;letter-spacing:.05em}
.mechanism-panel .ring-label{font:10px system-ui,Arial,sans-serif;fill:#bdb298;letter-spacing:.1em}
.mechanism-panel .jaw-num{font:10px system-ui,Arial,sans-serif;fill:#f3ddba;text-anchor:middle}
.record-aside-gallery{margin-top:20px}
.record-aside-gallery figure{margin:0;border:1px solid #9b876455;background:#111813}
.record-aside-gallery img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;background:#202820}
.record-aside-gallery figcaption{padding:12px 13px;color:#d1c6b2;font:12px/1.55 system-ui,Arial,sans-serif;min-height:66px}
.record-aside-gallery figcaption strong{color:#efd1a1;display:block;margin-bottom:4px;font-weight:500}
.public-concept-section{margin:0 0 70px;padding:36px 0 10px;border-top:1px solid #8c846a69}
.public-concept-section h2{font:normal clamp(28px,3.4vw,42px)/1.15 Georgia,serif;margin:10px 0 14px}
.public-concept-section>p{color:#d1c3af;max-width:760px;font:16px/1.6 Georgia,serif;margin:0 0 20px}
.official-concepts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.official-concepts figure{margin:0;background:#1d241f;border:1px solid #96866e50;overflow:hidden}
.official-concepts img{width:100%;height:235px;object-fit:cover;display:block;background:#2e352f}
.official-concepts figcaption{padding:12px 17px 16px;font:12px/1.5 system-ui,Arial,sans-serif;color:#cac1ae}
.official-concepts strong{display:block;color:#ebd6b7;font-size:14px;font-weight:500;margin-bottom:3px}
.mech-reference{margin:14px 0 0;font:12px/1.5 system-ui,Arial,sans-serif;color:#bcb09a}
.mech-reference a{color:#ead0a1}
@media(max-width:620px){.official-concepts{grid-template-columns:1fr}.official-concepts img{height:auto;aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.mechanism-panel .jaw,.mechanism-panel .jaw-face,.mechanism-panel .open-hex{transition:none}}

/* v7.20 publication-safe concept links, no unreliable remote image dependency */
.official-concepts article{padding:25px;background:linear-gradient(145deg,#27332b,#17231b);border:1px solid #96866e50;min-height:148px;display:flex;flex-direction:column;gap:10px}
.official-concepts article h3{font:normal 24px/1.2 Georgia,serif;color:#f2e0c0;margin:0}
.official-concepts article p{font:14px/1.5 system-ui,Arial,sans-serif;color:#c8c7b4;margin:0}
.official-concepts article a{font:12px/1.45 system-ui,Arial,sans-serif;color:#f2cd91;margin-top:auto}
