.dragon-eye { margin-top:12px; border-top:1px solid var(--line,#37545b); padding-top:8px; }
.dragon-eye > summary { min-height:44px; padding:10px 2px; cursor:pointer; font-weight:600; }
.dragon-eye-content { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.dragon-eye-content h3 { font-size:15px; margin:12px 0 6px; }
.dragon-eye-content h4 { font-size:12px; margin-bottom:4px; }
.dragon-eye-content p { margin:8px 0; }
.dragon-eye-heading { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.dragon-eye-heading strong { flex:1; color:#d9c688; }
.dragon-eye-heading button,.dragon-eye-content a { min-height:44px; }
.dragon-eye-content a { display:inline-flex; align-items:center; overflow-wrap:anywhere; }
.dragon-eye-status { border-left:3px solid #d9ad52; padding:6px 10px; background:#392f1e; color:#ffdfa4; }
.dragon-eye-content details { padding:8px 0; border-top:1px solid var(--line,#37545b); }
.dragon-eye-content summary { min-height:44px; padding:8px 0; cursor:pointer; }
.dragon-eye-table { overflow:auto; max-width:100%; }
.dragon-eye-table table { border-collapse:collapse; width:100%; font-size:11px; }
.dragon-eye-table caption { text-align:left; padding:6px 0; font-weight:600; }
.dragon-eye-table th,.dragon-eye-table td { padding:7px; text-align:left; vertical-align:top; border:1px solid #425961; }
.dragon-eye-images { display:grid; gap:14px; }
.dragon-eye-images figure { margin:0; }
.dragon-eye-images img { width:100%; height:auto; display:block; }
.dragon-eye-images figcaption { margin-top:7px; font-size:11px; }
.dragon-eye-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.dragon-eye-content :focus-visible,.dragon-eye > summary:focus-visible { outline:2px solid #92e9c5; outline-offset:3px; }
[data-theme="light"] .dragon-eye-status { color:#553500; background:#fff4d6; }
[data-theme="light"] .dragon-eye-heading strong { color:#70531c; }