.da-archive { margin-top: 28px; border-top: 1px solid var(--line-strong); padding-top: 18px; }
.da-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.da-head h2 { margin: 0; font-size: 17px; font-weight: 700; }
.da-nav { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 8px; margin-top: 12px; }
.da-nav .t-btn { min-height: 44px; padding: 0; font-size: 21px; }
.da-nav select { min-width: 0; width: 100%; min-height: 44px; padding: 8px; border: 1px solid var(--line-strong); border-radius: 3px; background: var(--surface); color: var(--ink); font: 13px var(--font-sans); text-align: center; }
.da-answer { margin-top: 12px; border: 1px solid var(--line); background: var(--surface); padding: 14px; }
.da-answer-title { display: block; font-size: 17px; font-weight: 700; overflow-wrap: anywhere; }
.da-answer-detail { margin: 4px 0 0; color: var(--ink-2); font-size: 12.5px; }
.da-groups, .da-words { list-style: none; margin: 12px 0 0; padding: 0; }
.da-groups { display: grid; gap: 6px; }
.da-groups li { padding: 8px 10px; border: 1px solid var(--line); }
.da-groups b { display: block; font-size: 13px; }
.da-groups span { display: block; margin-top: 2px; color: var(--ink-2); font-size: 12px; overflow-wrap: anywhere; }
.da-words { display: flex; flex-wrap: wrap; gap: 5px; max-height: 240px; overflow: auto; }
.da-words li { padding: 4px 7px; border: 1px solid var(--line); font-size: 12.5px; }
.da-words small { margin-left: 4px; color: var(--ink-3); font-size: 11px; }
@media (max-width: 560px) { .da-head h2 { font-size: 15px; } .da-answer { padding: 12px; } }