.vnn-access-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:12px;border:1px solid #d9e8e2;border-radius:16px;background:#fbfdfc;color:#173d37}.vnn-access-guide>div{display:grid;gap:5px;padding:12px;border-radius:12px;background:#f5faf7}.vnn-access-guide>div.plus{background:#fff8e8;border:1px solid #f1dfaa}.vnn-access-guide>div.credit{background:#f2f6ff;border:1px solid #d7e1f3}.vnn-access-guide span{font-size:.72rem;letter-spacing:.06em;font-weight:800;color:#397064}.vnn-access-guide .plus span{color:#80620d}.vnn-access-guide .credit span{color:#3a5c98}.vnn-access-guide strong{font-size:.94rem;line-height:1.45}.vnn-access-guide small{color:#5f6d68;line-height:1.45}.vnn-plus-lock{margin-top:16px;padding:16px;border:1px solid #efd994;border-radius:14px;background:#fff9e9}.vnn-plus-lock>span{display:block;font-size:.75rem;font-weight:800;color:#8b6810;letter-spacing:.06em}.vnn-plus-lock strong{display:block;margin:5px 0}.vnn-plus-lock p{margin:6px 0 12px;color:#586660}.vnn-plus-lock button{min-height:42px;border:0;border-radius:10px;padding:9px 14px;background:#176f5d;color:#fff;font-weight:700;cursor:pointer}.vnn-transcript-lock{padding:12px;border-radius:10px;background:#fff9e9;color:#765d16;font-weight:700}.vnn-role-recorder{margin-top:16px;padding:16px;border:1px solid #d4e3dd;border-radius:14px;background:#f9fcfb}.vnn-role-recorder .head{display:grid;gap:3px}.vnn-role-recorder .head small{color:#5b6c65}.vnn-role-recorder .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.vnn-role-recorder button{min-height:42px}.vnn-role-recorder button.primary{background:#176f5d;color:#fff;border-color:#176f5d}.vnn-role-recorder .result{display:grid;gap:5px;margin-top:12px;padding:12px;border-radius:10px;background:#edf8f4}.vnn-role-recorder .result span{font-size:.78rem;font-weight:800;color:#4c6e64}.vnn-role-recorder .result b{color:#176f5d}.vnn-role-recorder .result small{color:#566961}.vnn-role-recorder .error{margin-top:12px;color:#9b3d35;font-weight:700}.vnn-credit-table{grid-column:1/-1;margin-top:8px;padding:16px;border:1px solid #d8e2f4;border-radius:14px;background:#f7f9ff}.vnn-credit-table>strong{display:block;margin-bottom:10px}.vnn-credit-table>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e5eaf3}.vnn-credit-table>div:last-of-type{border-bottom:0}.vnn-credit-table b{text-align:right}.vnn-credit-table small{display:block;margin-top:10px;color:#5e6a75}.vnn-public-plan-note{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;padding:12px;border-radius:14px;background:#f6faf8}.vnn-public-plan-note>div{display:grid;gap:3px}.vnn-public-plan-note small{grid-column:1/-1;color:#5e6b66}.skill-tab[data-skill="quiz"] span{white-space:nowrap}@media(max-width:720px){.vnn-access-guide{grid-template-columns:1fr}.vnn-credit-table>div{display:grid;gap:2px}.vnn-credit-table b{text-align:left}.vnn-public-plan-note{grid-template-columns:1fr}.vnn-public-plan-note small{grid-column:auto}.vnn-role-recorder .actions button{flex:1 1 140px}}