dialog.ohm-modal.afdd-modal{width:min(1080px,96vw);display:flex;flex-direction:column;gap:10px}
.afdd-modal #detail{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.afdd-shell{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;font-size:14px;line-height:1.55}
.afdd-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px}
.afdd-profile{color:#287e75;font-weight:700}
.afdd-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;flex-shrink:0}
.afdd-nav button{min-height:42px;padding:8px 5px;border:1px solid var(--line);font-size:12px;cursor:pointer}
.afdd-nav button[aria-selected=true]{background:var(--ink);color:var(--bg)}
.afdd-scroll{overflow:auto;min-height:0;flex:1;padding:2px 5px 14px 1px;scrollbar-width:thin;overscroll-behavior:contain}
.afdd-scroll h2{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:4px 0 9px}.afdd-scroll h3{font-size:16px;margin:0 0 6px}.afdd-scroll p{margin:6px 0 12px}.afdd-kicker{font-size:10px;letter-spacing:1.5px;color:#287e75;font-weight:700;margin:4px 0 9px}
.afdd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.afdd-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0}.afdd-card p:last-child{margin-bottom:0}
.afdd-note{padding:12px 14px;border-left:3px solid #338f86;background:#338f8610;border-radius:0 10px 10px 0;margin:12px 0}.afdd-note.warning{border-color:#b57828;background:#b5782810}
.afdd-muted{color:var(--muted);font-size:12px}.afdd-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.afdd-tags button,.afdd-action{padding:9px 12px;border:1px solid var(--line);min-height:42px;font-size:12px;cursor:pointer}.afdd-tags button[aria-pressed=true]{border-color:#338f86;color:#287e75;background:#338f8614}
.afdd-diagram{display:block;width:100%;height:128px;color:var(--ink);margin:8px 0}.afdd-diagram text{font:12px Arial,sans-serif;fill:currentColor}.afdd-diagram .afdd-live{stroke:#8b5634}.afdd-diagram .afdd-neutral{stroke:#438bba}
.afdd-table-wrap{overflow:auto}.afdd-table{border-collapse:collapse;width:100%;font-size:12px}.afdd-table td,.afdd-table th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.afdd-table th{font-size:11px;color:var(--muted)}
.afdd-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.afdd-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;min-width:0}.afdd-fields select{width:100%;min-height:44px;padding:9px;border:1px solid var(--line);font-size:13px}.afdd-result{border:1px solid #338f86;background:#338f860b;border-radius:14px;padding:16px;margin:14px 0}.afdd-result[data-tone=review]{border-color:#b57828;background:#b578280b}
.afdd-check{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.afdd-check input{width:19px;height:19px;margin:2px 0 0;accent-color:#338f86;flex:none}.afdd-check b,.afdd-check small{display:block}.afdd-check small{color:var(--muted);font-size:12px;margin-top:3px}.afdd-progress{width:100%;height:6px;accent-color:#338f86;margin:8px 0}.afdd-step{display:grid;grid-template-columns:28px 1fr;gap:10px;margin:15px 0}.afdd-step>strong{display:grid;place-items:center;background:#338f8615;color:#287e75;border-radius:50%;width:26px;height:26px;font-size:12px}.afdd-step p{margin:2px 0 0}
.afdd-scroll details{border-bottom:1px solid var(--line);padding:13px 0}.afdd-scroll summary{cursor:pointer;font-weight:700;line-height:1.4}.afdd-scroll a{color:#287e75;text-underline-offset:3px}.afdd-quiz-options{display:grid;gap:7px;margin:10px 0}.afdd-quiz-options button{text-align:left;padding:11px 12px;min-height:44px;border:1px solid var(--line);cursor:pointer}.afdd-quiz-options button[aria-pressed=true]{border-color:#338f86;background:#338f8615}.afdd-quiz-options button:disabled{opacity:1;cursor:default}.afdd-quiz-options button[data-wrong=true]{border-color:#bd6659;background:#bd665910}.afdd-source{font-size:12px}.afdd-source strong{display:block;margin-top:12px}
@media(max-width:760px){dialog.ohm-modal.afdd-modal{width:100%;gap:7px;padding:12px 14px}.afdd-shell{font-size:13px;gap:8px}.afdd-meta{font-size:10px}.afdd-nav{gap:4px}.afdd-nav button{font-size:10px;min-height:42px;padding:6px 1px}.afdd-grid,.afdd-fields{grid-template-columns:1fr;gap:9px}.afdd-scroll h2{font-size:21px}.afdd-card{padding:13px}.afdd-table{font-size:11px}.afdd-table td,.afdd-table th{padding:8px 5px}.afdd-diagram{height:112px}.afdd-scroll{padding-right:2px}}