.vocab-roadmap{margin-bottom:28px;padding:25px;border:1px solid #dce5d5;border-radius:14px;background:linear-gradient(135deg,#eef3e8,#f8f8f2)}.vocab-roadmap-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.vocab-roadmap-head .eyebrow{color:#879a77}.vocab-roadmap-head h2{margin-top:5px;font-size:20px}.vocab-roadmap-head p{margin-top:5px;color:#87937d;font-size:11px}.vocab-overall{min-width:105px;text-align:right}.vocab-overall strong{display:block;color:var(--green);font-size:27px;line-height:1.2}.vocab-overall strong span{color:#99a691;font-size:14px;font-weight:400}.vocab-overall small{color:#87957c;font-size:9px}.vocab-unit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.vocab-unit-card{min-width:0;padding:14px;border:1px solid #dfe6d9;border-radius:9px;background:#fff}.vocab-unit-card.active{border-color:#c9d7bc;background:#fcfff9}.vocab-unit-card.done{border-color:#bad0aa;background:#f3f8ee}.vocab-unit-top{display:flex;justify-content:space-between;gap:5px;color:#99a28f;font-size:8px;letter-spacing:.7px}.vocab-unit-card.active .vocab-status{color:#a67838}.vocab-unit-card.done .vocab-status{color:var(--green)}.vocab-unit-card h3{margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.vocab-unit-card>p{height:20px;margin-top:2px;overflow:hidden;color:#8a9780;font-size:9px;white-space:nowrap}.vocab-unit-progress{height:4px;margin:10px 0 6px;overflow:hidden;border-radius:4px;background:#edf0e9}.vocab-unit-progress span{display:block;height:100%;border-radius:4px;background:#91aa7c}.vocab-unit-card>small{display:block;color:#939d8d;font-size:8px}.vocab-unit-actions{display:flex;align-items:center;gap:4px;margin-top:10px;border-top:1px solid #edf0e9;padding-top:9px}.vocab-unit-actions>button:first-child{margin-right:auto;color:var(--green);font-size:9px;font-weight:600}.vocab-unit-actions .icon-button{min-width:25px;min-height:25px;padding:4px}.vocab-unit-actions .icon{width:14px;height:14px}.vocab-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 14px}.vocab-browser-head .eyebrow{color:#9aa38f}.vocab-browser-head h2{margin-top:3px;font-size:18px}.vocab-browser-head>span{color:#99a18f;font-size:10px}.word-example{margin-top:13px;border:1px solid #e5e9df;border-radius:7px;background:#fafbf8}.word-example summary{padding:8px 10px;cursor:pointer;color:#6f8264;font-size:9px;font-weight:600;list-style:none}.word-example summary::-webkit-details-marker{display:none}.word-example summary:after{content:'＋';float:right;color:#9aa78f}.word-example[open] summary:after{content:'−'}.word-example>div{position:relative;border-top:1px solid #e8ece3;padding:10px 36px 11px 10px}.word-example p.jp{font-size:12px;line-height:1.9}.word-example p:not(.jp){margin-top:4px;color:#87907f;font-size:9px;line-height:1.7}.word-example .icon-button{position:absolute;right:5px;top:7px}.vocab-card{display:flex;flex-direction:column}.vocab-card .bottom{margin-top:auto!important;padding-top:12px!important}.vocab-card .word-example{margin-bottom:14px}
@media(max-width:1190px){.vocab-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.vocab-roadmap{padding:19px}.vocab-roadmap-head{align-items:flex-start}.vocab-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-browser-head{align-items:flex-start;flex-direction:column}.vocab-browser-head>span{display:none}}
@media(max-width:420px){.vocab-roadmap{padding:15px}.vocab-roadmap-head h2{font-size:17px}.vocab-roadmap-head p{display:none}.vocab-overall{min-width:75px}.vocab-overall strong{font-size:21px}.vocab-unit-grid{grid-template-columns:1fr}.vocab-unit-card h3{font-size:12px}.vocab-unit-card>p{height:auto}}