.hb-learning-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center;padding:55px 0 30px}.hb-learning-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.3;margin:18px 0}.hb-learning-hero p{font-size:18px;line-height:1.85}.hb-learning-summary{padding:30px;border-radius:25px;background:linear-gradient(130deg,#e1f0e8,#edf2fc);border:1px solid #cde2d5;display:grid;grid-template-columns:1fr 1fr;gap:15px}.hb-learning-summary strong{font-size:27px;color:#126c59;display:block}.hb-learning-summary span{font-size:14px;color:#567067}.hb-learning-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 28px}.hb-learning-tabs a{padding:12px 18px;border:1px solid #d3e3d9;border-radius:24px;background:white;color:#426558;text-decoration:none;font-weight:600}.hb-learning-tabs a[aria-current]{background:#087f70;color:white;border-color:#087f70}#hb-learning-app{outline:none;min-height:250px;margin-bottom:45px}.hb-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hb-learning-card{border:1px solid #d7e5dc;border-radius:20px;padding:24px;background:white;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 25px #173c2905}.hb-learning-card h3{font-size:22px;margin:0}.hb-learning-card p{font-size:16px;color:#5d7268;line-height:1.8;flex:1;margin:0}.hb-learning-card .kc-button{align-self:flex-start}.hb-learning-card .hb-learning-state{font-size:13px;color:#1d7f58}.hb-learning-unit{margin:25px 0 15px}.hb-learning-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.hb-learning-toolbar>*{flex:1;min-width:160px}.hb-learning-toolbar input,.hb-learning-toolbar select{margin:0}.hb-learning-empty{padding:30px;text-align:center;color:#5a7366}.hb-learning-word{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e4ece7}.hb-learning-word strong{font-size:23px;font-weight:500;overflow-wrap:anywhere}.hb-learning-word small{display:block;color:#74897e;font-size:12px}.hb-learning-tools{display:flex;gap:7px}.hb-learning-tools button,.hb-learning-small{border:1px solid #cfdfd4;background:white;color:#2a6e57;border-radius:12px;cursor:pointer;padding:7px 11px;font:inherit;font-size:14px}.hb-learning-tools button[aria-pressed=true]{background:#fff2ce;border-color:#e5c55e;color:#805912}.hb-learning-page{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px}.hb-learning-sidebar{align-self:start;position:sticky;top:110px;display:flex;flex-direction:column;gap:8px}.hb-learning-sidebar a{padding:9px 12px;border-radius:10px;background:#eaf2ed;color:#37654f;text-decoration:none;font-size:14px}.hb-learning-sidebar a[aria-current]{background:#087f70;color:white}.hb-learning-stage{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.hb-learning-stage span{border-radius:20px;background:#edf3ef;padding:8px 15px;font-size:14px}.hb-learning-stage .is-current{background:#d1ebdf;color:#075b45;font-weight:600}.hb-learning-rule{margin:20px 0;padding-bottom:20px;border-bottom:1px solid #e0e9e2}.hb-learning-rule [lang=ko]{font-size:25px;line-height:1.8;overflow-wrap:anywhere}.hb-learning-rule h3{font-size:23px}.hb-learning-review{max-width:760px;margin:auto;padding:30px;border:1px solid #d6e6db;border-radius:22px;background:white;text-align:center}.hb-learning-review .hb-learning-ko{font-size:clamp(30px,5vw,52px);line-height:1.6;overflow-wrap:anywhere}.hb-learning-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.hb-learning-answers button{padding:16px;border-radius:15px;border:1px solid #ccded2;background:white;font:inherit;color:#2b5748;cursor:pointer;line-height:1.8}.hb-learning-answers button:disabled{opacity:.8;cursor:default}.hb-learning-answers .is-right{background:#e0f4e5;border-color:#559e65}.hb-learning-answers .is-wrong{background:#fff0eb;border-color:#cb8b7d}.hb-learning-feedback{min-height:28px;line-height:1.7;font-weight:600;color:#236e50}.hb-learning-pairs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hb-learning-pairs>div{display:grid;gap:10px}.hb-learning-pairs button,.hb-learning-memory button{border:1px solid #cadfd1;background:white;border-radius:14px;padding:15px;font:inherit;color:#245c46;cursor:pointer;min-height:65px;overflow-wrap:anywhere}.hb-learning-pairs button[aria-pressed=true]{background:#e4f0e8;border-color:#318664}.hb-learning-pairs button:disabled{opacity:.4;background:#e2f4e9}.hb-learning-memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.hb-learning-memory button[aria-pressed=false]{background:linear-gradient(130deg,#167e6c,#25658d);color:white;font-size:25px}.hb-learning-memory button:disabled{opacity:.5}.hb-learning-badges{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.hb-learning-badges span{padding:14px;border-radius:16px;background:#f4f4f0;color:#83918b;border:1px solid #dce4dc}.hb-learning-badges .is-earned{background:#fff2c9;color:#75571d;border-color:#e6ce83}.hb-learning-progress{width:100%;accent-color:#0a8770;height:12px}.hb-learning-draft{width:100%;min-height:160px}.hb-learning-status{margin:15px 0;color:#476c59;font-size:14px}.hb-learning-quiz-meta{font-size:14px;color:#60786a}.hb-learning-bookmark{float:right}.hb-learning-table-wrap{overflow:auto}.hb-learning-table-wrap table{width:100%;border-collapse:collapse}.hb-learning-table-wrap td,.hb-learning-table-wrap th{padding:12px;border-bottom:1px solid #dae5dd;text-align:left}.hb-learning-card,.hb-learning-small,.hb-learning-tabs a{transition:box-shadow .2s,background .2s,translate .2s}.hb-learning-card:hover{box-shadow:0 12px 25px #183a2610}.hb-learning-progress-block{padding:20px;border-radius:16px;background:#eff6ef}.hb-learning-note{border-left:3px solid #5fa584;padding:14px 18px;background:#eff7f1;border-radius:0 12px 12px 0}.hb-learning-built{font-size:65px;display:block;text-align:center;padding:20px;color:#126956}.hb-learning-detail-title{font-size:32px;margin:10px 0 20px}.hb-learning-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.hb-learning-steps{line-height:1.9}@media(max-width:850px){.hb-learning-hero{grid-template-columns:1fr;gap:15px}.hb-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-learning-page{grid-template-columns:1fr}.hb-learning-sidebar{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hb-learning-memory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.hb-learning-grid{grid-template-columns:1fr}.hb-learning-hero{padding-top:30px}.hb-learning-summary{padding:22px}.hb-learning-word{grid-template-columns:1fr 1.2fr;gap:10px}.hb-learning-tools{grid-column:1/-1}.hb-learning-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-learning-review{padding:20px}.hb-learning-answers{grid-template-columns:1fr}.hb-learning-tabs a{padding:9px 13px;font-size:14px}.hb-learning-toolbar>*{min-width:130px}.hb-learning-detail-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hb-learning *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}