.launch-card{grid-template-columns:minmax(0,1fr) 140px;min-height:158px;padding:15px 26px;gap:14px;margin-bottom:16px;border-radius:22px;background:linear-gradient(115deg,#183f57f5,#254f6ee8 65%,#386983b8);border-color:#a2d1df70;box-shadow:0 12px 36px #102d3930,inset 0 1px #c3ecf452}
.launch-kicker{font-size:8px;color:#b6d8df;letter-spacing:1.6px}
.app-shell .launch-card .launch-copy{min-width:0;width:100%;max-width:none;padding-right:0}
.launch-tags{margin:5px 0 5px;gap:6px}
.launch-tags>span{font-size:8px;padding:2px 6px}
.launch-card h1.launch-record{display:flex;align-items:baseline;flex-wrap:nowrap;gap:14px;margin:0 0 10px;min-width:0;line-height:1.25;letter-spacing:-.6px}
.launch-record>b{flex:none;font-size:29px;font-weight:750;white-space:nowrap}
.launch-card h1.launch-record>span{display:inline;min-width:0;max-width:none;margin:0;font-size:18px;font-weight:550;letter-spacing:-.4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.launch-record>small{flex:none;padding:4px 8px;border:1px solid #bddfec48;border-radius:7px;font-size:11px;letter-spacing:0;color:#d2e8f0;font-weight:650;white-space:nowrap}
.app-shell .play-large{min-height:38px;min-width:145px;padding:8px 14px;font-size:11px}
.launch-art{height:120px;width:140px;min-height:0;position:relative;inset:auto}
.launch-art .hero-trophy{width:140px;height:140px;position:relative;inset:auto}
.launch-art .hero-xp{width:52px;height:52px;bottom:0;right:-2px}
.launch-art .art-orbit{width:125px;height:125px}.launch-art .orbit-two{width:165px;height:165px}
.app-shell .dashboard-stats{gap:12px;margin-bottom:16px}
body .app-shell.is-playing{grid-template-columns:minmax(0,1fr)}
.app-shell.is-playing .main{padding-top:12px}
.app-shell.is-playing .main{grid-column:1}
.app-shell.is-playing .topbar.app-header{margin-bottom:14px;min-height:52px}
.app-shell.is-playing .content{background:none}
.app-shell .question-panel{background:#fdfffff7}
.app-shell .mini-scoreboard{background:#f9fffff5}
.app-shell .mini-scoreboard,.app-shell .mini-scoreboard *{font-family:var(--font-ui)!important}
/* Library */
.library-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:24px 26px;border:1px solid #ffffffba;border-radius:22px;background:linear-gradient(130deg,#fafffff5,#e9f5faf0);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.library-hero h1{margin:4px 0 6px;font-size:29px;letter-spacing:-1px;line-height:1.2}
.library-hero p{margin:0;color:#657f8e;font-size:12px}
.library-total{display:flex;align-items:center;gap:12px;flex:none;padding:12px 16px;border:1px solid #d0e1e7;border-radius:15px;background:#ffffffc4}
.library-total .ui-icon{width:25px;height:25px;color:#4d7e85}.library-total strong{display:block;font-size:23px;line-height:1.15}.library-total small{font-size:10px;color:#7b9099}
.app-shell .language-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.app-shell .language-folder{display:flex;align-items:center;gap:14px;min-width:0;min-height:124px;padding:22px;border:1px solid #ffffffd9;border-radius:21px;background:linear-gradient(135deg,#fffffff5,#f4fcffeb);box-shadow:var(--shadow);text-align:left;backdrop-filter:blur(18px)}
.app-shell .language-folder:hover{border-color:#8bc1c5;transform:translateY(-3px);box-shadow:0 15px 30px #0e3b4540}
.app-shell .language-folder .folder-icon{width:52px;height:58px;flex:none;position:relative;display:grid;place-items:center;border:1px solid #c2dadf;border-radius:15px;background:linear-gradient(145deg,#e2eff5,#f8ffff);color:#48717f}
.folder-icon b{position:absolute;bottom:6px;right:6px;font-size:8px;letter-spacing:.6px;background:#fff;padding:1px 3px;border-radius:3px}.folder-icon>.ui-icon{width:26px;height:26px}
.folder-copy{min-width:0}.folder-copy strong{font-size:17px}.folder-copy small{display:block;font-size:11px;color:#6d8393;margin-top:5px}.folder-copy em{display:block;font-size:9px;font-style:normal;color:#73928e;margin-top:5px}
.folder-arrow{margin-left:auto;color:#638998;font-size:18px}
.library-utility{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f9ffffeb;border:1px solid #fff;border-radius:14px;backdrop-filter:blur(12px)}
.library-utility p{margin:0;color:#6b848c;font-size:11px}.library-utility button{white-space:nowrap}
.library-language-bar{display:flex;align-items:center;gap:6px;padding:8px;margin:0 0 16px;max-width:100%;overflow-x:auto;background:#f9ffffed;border:1px solid #fff;border-radius:14px;backdrop-filter:blur(15px)}
.library-language-bar button{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:33px;padding:7px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#6a818b;font-size:11px;font-weight:650}
.library-language-bar button.active{color:#2f6966;background:#e3f2ef;border-color:#c7dfd8}.library-language-bar .ui-icon{width:14px;height:14px}
.library-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border:1px solid #ffffffd9;background:#fafffff2;border-radius:17px;margin-bottom:14px;backdrop-filter:blur(16px)}
.library-search{display:flex;align-items:center;gap:9px;flex:1 1 280px;min-width:0;padding:10px 13px;border:1px solid #ccdfe5;border-radius:11px;background:#fff;max-width:480px}.library-search .ui-icon{width:17px;height:17px;color:#79959e}.library-search input{width:100%;min-width:0;padding:0;border:0;background:none;font-size:12px;outline:0;box-shadow:none}
.library-controls .filters{display:flex;gap:6px;flex-wrap:wrap}.library-controls .filter{margin:0;min-height:34px;padding:7px 12px;font-size:10px;background:#fff;border:1px solid #d9e5e8;border-radius:9px}.library-controls .filter.active{background:#2c6768;color:#fff;border-color:#2c6768}
.library-controls select{padding:8px 11px;border:1px solid #d3e2e5;border-radius:9px;background:#fff;font-size:11px;max-width:150px;color:#496773}
.library-count-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 13px;margin-bottom:12px;border:1px solid #ffffff9c;border-radius:11px;background:#eff8f8ec;color:#587a82;font-size:10px}.library-count-row p{margin:0}
.app-shell .word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.app-shell .word-card.library-word{display:flex;flex-direction:column;min-width:0;min-height:235px;height:auto;padding:22px;border:1px solid #ffffffe0;border-radius:20px;background:linear-gradient(140deg,#fffffff9,#f8fdfff0);box-shadow:var(--shadow)}
.library-word .word-card-top{display:flex;align-items:start;gap:10px;justify-content:space-between}.library-word .word-card-top strong{display:block;min-width:0;overflow-wrap:anywhere;font-size:23px;line-height:1.3;letter-spacing:-.6px}.library-word[lang="ar"] .word-card-top strong{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;font-size:29px;line-height:1.55}
.word-language-label{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #d8e8eb;background:#eef6f8;color:#73929c;font-size:8px;font-weight:750}
.library-word .word-meta{font-size:10px;color:#78909a;min-height:15px;margin:9px 0}
.library-word .meaning{font-size:14px;line-height:1.65;color:#284e5d;margin:2px 0 10px;max-height:none}
.library-word .word-equivalent{font-weight:700;font-size:12px;color:#387974;margin-bottom:8px}
.library-word .word-example{margin:0 0 12px;padding-left:10px;border-left:2px solid #bcd8d6;font-size:11px;color:#718997;line-height:1.6}.word-example .example-english{display:block;margin-top:4px;font-style:normal;color:#4c6c76}
.library-word .word-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;margin-top:auto;border-top:1px solid #e1ebee}
.library-word .word-actions button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #d9e8e9;border-radius:9px;background:#eef6f6;color:#466f78;font-size:10px;font-weight:700}.word-actions .ui-icon{width:14px;height:14px}
.library-word .word-actions button[aria-pressed="true"]{background:#def1e9;color:#2b7165;border-color:#b6dcd2}
.word-pagination{background:#fafffff0;border-radius:14px;padding:12px;gap:20px;display:flex;justify-content:center;align-items:center;margin-top:18px;color:#6c8590;font-size:11px}.word-pagination:empty{display:none}
.dictionary-modal.library-detail{background:#fcffff;border:1px solid #fff;border-radius:24px;width:min(600px,calc(100vw - 30px));max-height:86dvh;padding:30px;overflow-y:auto}.library-detail .dictionary-heading{padding-right:20px}.library-detail h2{font-size:34px;overflow-wrap:anywhere;margin:9px 0}.library-detail h3{font-size:12px;margin:20px 0 9px;color:#4b7b82}.library-detail p{font-size:14px;line-height:1.7;color:#41606b}.library-detail .word-source{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #e2eaed;padding-top:14px;margin-top:22px;font-size:10px}.library-detail .word-source a{color:#658799}.library-detail .dictionary-close{position:absolute;top:17px;right:17px}.library-detail .dictionary-close .ui-icon{width:18px;height:18px}
.library-detail .word-detail-facts{padding:13px 16px;border:1px solid #dce9eb;background:#eef6f7;border-radius:12px;font-size:12px;line-height:1.8;color:#587782}.library-detail .word-detail-facts b{color:#2e5961}
.word-empty{grid-column:1/-1;padding:45px 20px;border-radius:18px;background:#fafffff2;text-align:center;color:#68848c}.word-empty h3{color:#294e5b}.word-empty .ui-icon{width:34px;height:34px;margin-bottom:10px}
.library-word-source{color:#8fa3ab;font-size:9px}
@media(min-width:1600px){.app-shell .main{padding-left:50px;padding-right:50px}}
@media(max-width:1100px){.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .language-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-record>b{font-size:26px}.launch-card h1.launch-record>span{font-size:16px}.launch-card h1.launch-record{gap:10px}.launch-card{grid-template-columns:minmax(0,1fr) 100px;padding:20px}.launch-art{width:100px}.launch-art .hero-trophy{width:115px;height:115px}.launch-art .hero-xp{width:44px;height:44px}}
@media(max-width:900px){body .shell.app-shell{grid-template-columns:86px minmax(0,1fr)}.app-shell .main{padding:14px 20px 24px}.launch-card{grid-template-columns:minmax(0,1fr);min-height:158px}.launch-art{display:none}.app-shell .sidebar .nav-count{display:block}.app-shell .sidebar .player-copy{display:block}.app-shell .sidebar .nav button{justify-content:flex-start}.app-shell .sidebar .brand{justify-content:flex-start}.launch-record>b{font-size:26px}.launch-card h1.launch-record>span{font-size:17px}.launch-record>small{font-size:10px}}
@media(max-width:680px){body .shell.app-shell{display:block}.app-shell .main{padding:10px 12px 96px}.app-shell .topbar.app-header{min-height:51px;padding:7px 9px;gap:6px;margin-bottom:12px;border-radius:15px}.header-leading{gap:7px}.header-title{gap:6px;font-size:10px}.header-title>.ui-icon,.header-language{display:none}.header-actions{gap:5px}.streak-balance{display:none}.xp-balance{min-height:32px;padding:2px 7px 2px 3px}.header-avatar{width:31px;height:31px;font-size:9px}.app-shell .sidebar.glass-sidebar{display:none;left:10px;top:10px;height:calc(100dvh - 94px);max-height:700px;width:238px}.app-shell .sidebar .nav button,.app-shell .sidebar .sidebar-player{width:220px}.app-shell .sidebar :is(.brand-name,.nav-text,.nav-count,.nav-active-dot,.player-copy){opacity:1}.app-shell .mobile-dock{background:#fafffff2;border-color:#ffffffd9;backdrop-filter:blur(24px);box-shadow:0 -5px 25px #0a2f3e30}.launch-card{min-height:148px;padding:17px 16px;border-radius:19px;gap:0}.launch-kicker{font-size:7px}.launch-tags{margin-top:7px;margin-bottom:9px}.launch-tags>span{font-size:7px}.launch-card h1.launch-record{gap:8px;margin-bottom:14px;align-items:center}.launch-record>b{font-size:22px;letter-spacing:-.6px}.launch-card h1.launch-record>span{font-size:12px;letter-spacing:-.2px;line-height:1.3}.launch-record>small{font-size:9px;padding:4px 6px;letter-spacing:-.1px}.app-shell .play-large{min-height:36px;min-width:144px;font-size:10px}.launch-art{display:none}.app-shell .dashboard-stats{gap:9px}.page-heading{padding:12px 15px}.page-heading>h1{font-size:22px}.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .word-card.library-word{padding:16px;min-height:235px;border-radius:17px}.library-word .word-card-top strong{font-size:20px}.library-word .meaning{font-size:12px;line-height:1.6}.library-word .word-meta{font-size:9px}.library-word .word-actions button{font-size:9px;padding:7px 8px}.word-language-label{width:24px;height:24px;font-size:7px}.library-word .word-example{font-size:10px}.library-hero{padding:18px;gap:10px;margin-bottom:12px}.library-hero h1{font-size:24px}.library-hero p{font-size:10px;max-width:240px}.library-total{padding:9px;gap:7px}.library-total strong{font-size:18px}.library-total>.ui-icon{display:none}.library-total small{font-size:8px}.app-shell .language-folder-grid{gap:10px}.app-shell .language-folder{min-height:112px;padding:15px;gap:10px;border-radius:17px}.app-shell .language-folder .folder-icon{width:38px;height:45px;border-radius:11px}.folder-icon>.ui-icon{width:23px;height:23px}.folder-copy strong{font-size:14px}.folder-copy small{font-size:10px}.folder-copy em{font-size:8px}.folder-arrow{display:none}.library-controls{padding:11px;gap:9px}.library-controls select{max-width:135px;font-size:10px}.library-search{flex-basis:100%;max-width:none}.library-language-bar{gap:3px;padding:6px}.library-language-bar button{padding:7px 10px;font-size:10px}.library-utility{align-items:start;padding:12px;gap:10px;flex-wrap:wrap}.library-count-row{font-size:9px;padding:8px}.app-shell.is-playing .main{padding:8px 10px 22px}.app-shell.is-playing .topbar.app-header{padding:6px 9px;min-height:49px;margin-bottom:10px}.app-shell.is-playing .header-leading{flex:1}.app-shell.is-playing .session-header{gap:8px}.app-shell.is-playing .header-actions{flex:none}.session-header .glass-back{padding:6px 8px}.session-header .session-clock{padding:5px 8px}.library-detail.dictionary-modal{padding:25px 20px}.library-detail h2{font-size:30px}}
@media(max-width:430px){.app-shell .word-grid{grid-template-columns:minmax(0,1fr)}.app-shell .word-card.library-word{min-height:224px;padding:22px}.library-word .word-card-top strong{font-size:24px}.library-word .meaning{font-size:14px}.library-word .word-example{font-size:12px}.library-word .word-meta{font-size:10px}.library-word .word-actions button{font-size:11px;padding:9px 12px}.library-total{display:none}.library-word .word-equivalent{font-size:13px}.app-shell .language-folder{gap:9px;padding:14px}.folder-copy strong{font-size:13px}.folder-copy small{font-size:9px}}
@media(max-width:360px){.launch-record>b{font-size:19px}.launch-card h1.launch-record>span{font-size:11px}.launch-record>small{font-size:8px;padding:4px}.launch-card h1.launch-record{gap:6px}.header-title{font-size:9px}.app-shell .language-folder .folder-icon{width:31px;height:39px}.folder-copy strong{font-size:12px}.app-shell .language-folder{padding:12px;gap:7px}.folder-copy em{font-size:7px}.folder-copy small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.app-shell .sidebar.glass-sidebar,.app-shell .sidebar .nav button,.app-shell .sidebar .sidebar-player{transition:none}}


/* Shared glass surface and navigation layout. No image background. */
:root{--font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;--font-display:var(--font-ui);--ink:#192a43;--muted:#64748b;--line:#dce5f0;--glass:linear-gradient(140deg,#ffffffcf,#ffffffa8);--shadow:0 12px 32px #405a7810,inset 0 1px #fff}
body{background:#eef2f8;color:var(--ink);font-family:var(--font-ui)}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 9% 0%,#e0e9ff 0,transparent 48%),radial-gradient(ellipse at 94% 28%,#def3f1 0,transparent 45%),linear-gradient(155deg,#f6f8fc,#eaf0f8);animation:none}
body:after{content:none}
body .shell.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;width:100%;max-width:1680px;margin:0 auto;padding:18px;align-items:start}
.app-shell .main{grid-column:2;min-width:0;width:100%;padding:0 0 24px}
.app-shell .sidebar.glass-sidebar{display:flex;position:sticky;inset:18px auto auto;grid-column:1;width:232px;height:calc(100dvh - 36px);margin:0;padding:20px 13px 13px;border:1px solid #ffffffdb;border-radius:24px;background:#ffffffb8;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(135%);overflow:auto;z-index:5;transition:none}
.app-shell .sidebar .brand{width:auto;gap:11px;padding:3px;margin:0 0 24px}
.app-shell .sidebar .brand-mark{width:43px;height:43px;flex:none}
.app-shell .sidebar .brand-name{display:block;font-size:20px;letter-spacing:-.6px}
.app-shell .sidebar :is(.brand-name,.nav-text,.nav-count,.nav-active-dot,.player-copy){opacity:1;pointer-events:auto;transition:none}
.app-shell .sidebar .nav-group{margin-bottom:10px}.app-shell .sidebar .nav-label{display:none}
.app-shell .sidebar .nav{gap:5px}.app-shell .sidebar .nav button{width:100%;height:46px;padding:0 12px;gap:12px;justify-content:flex-start;overflow:hidden;transition:background .16s,border-color .16s;color:#52647c}
.app-shell .sidebar .nav-icon{width:23px;flex:none}.app-shell .sidebar .nav-text{display:inline;font-size:12px;white-space:nowrap}
.app-shell .sidebar .nav button.active{color:#3455be;background:#e9efffd9;border-color:#d4def9}
.app-shell .sidebar .sidebar-player{width:100%;padding:9px;gap:10px;margin-top:auto;overflow:hidden}.app-shell .sidebar .player-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.app-shell .topbar.app-header{position:relative;min-height:62px;height:auto;padding:11px 16px;margin:0 0 18px;border:1px solid #ffffffdf;border-radius:21px;background:#ffffffbd;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(135%)}
.header-leading{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.header-title{min-width:0;gap:10px}.header-title>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-actions{flex:none}.app-shell .content{max-width:none;min-width:0}
.app-shell :is(.panel,.stat,.library-hero,.language-folder,.library-controls,.library-utility,.book-intro,.book-section,.book-about-heading){background:var(--glass);border-color:#ffffffeb;box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(125%)}
.app-shell .question-panel,.app-shell .mini-scoreboard{background:#ffffffde}
.app-shell .launch-card{background:linear-gradient(120deg,#ffffffd9,#e8efffcc);border:1px solid #fff;box-shadow:var(--shadow);color:#1e3356;backdrop-filter:blur(24px)}
.launch-card .launch-kicker{color:#526d9c}.launch-card .launch-tags>span{color:#49618a;border-color:#d3ddf0;background:#ffffffa3}.launch-card .launch-record>small{color:#49618a;border-color:#cedbf1;background:#ffffff8a}.launch-card .live-dot{background:#5277dd;box-shadow:0 0 0 4px #5277dd14}
.app-shell .btn.primary{background:#486ae2;border-color:#486ae2;color:#fff;box-shadow:0 5px 14px #486ae222}
.app-shell .app-footer{margin-top:20px;padding:12px 16px;border:1px solid #ffffffad;border-radius:14px;background:#ffffff94;color:#61718b}
.app-shell .library-hero h1{color:#1f3251}.library-controls select{max-width:175px}
body .app-shell.is-playing{grid-template-columns:minmax(0,1fr);max-width:1200px}.app-shell.is-playing .main{grid-column:1;padding:0 0 24px}.app-shell.is-playing .sidebar.glass-sidebar{display:none}.app-shell.is-playing .topbar.app-header{min-height:54px;margin-bottom:14px}
@media(max-width:1120px) and (min-width:681px){body .shell.app-shell{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:16px}.app-shell .sidebar.glass-sidebar{width:76px;padding:16px 8px;top:16px;height:calc(100dvh - 32px)}.app-shell .sidebar .brand{padding:0 6px}.app-shell .sidebar :is(.brand-name,.nav-text,.nav-count,.nav-active-dot,.player-copy,.sidebar-player>.ui-icon){display:none}.app-shell .sidebar .nav button{width:58px;justify-content:center;padding:0}.app-shell .sidebar .sidebar-player{width:58px;justify-content:center;padding:8px}.app-shell .sidebar .nav-icon{width:23px}body .app-shell.is-playing{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){body .shell.app-shell{display:block;padding:10px;max-width:100%}.app-shell .sidebar.glass-sidebar{display:none!important}.app-shell .main{padding:0 0 94px}.app-shell .topbar.app-header{min-height:54px;padding:9px 11px;margin-bottom:13px;border-radius:17px}.header-title{font-size:13px;gap:7px}.header-title>.ui-icon{display:block;width:17px;height:17px}.header-language{display:none}.header-actions{gap:7px}.app-shell .mobile-dock{background:#ffffffe6;border-color:#ffffffd9;backdrop-filter:blur(24px);box-shadow:0 -4px 24px #374e7410}.app-shell.is-playing .main{padding:0 0 20px}.app-shell.is-playing .topbar.app-header{padding:8px;margin-bottom:10px}.library-controls select{max-width:100%;font-size:11px}.app-shell .app-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.app-shell *{scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.app-shell :is(.panel,.sidebar.glass-sidebar,.topbar.app-header,.library-hero,.book-section){background:#fbfcff}}

.library-record-summary{padding:10px 14px;margin:0 0 12px;border:1px solid #fff;border-radius:12px;background:#ffffff94;font-size:11px;color:#61718b}.library-record-summary summary{cursor:pointer;font-weight:650}.library-record-summary p{margin:8px 0 0;line-height:1.7}.location-change-note{font-size:11px;color:#64748b;line-height:1.6}

.learning-focus{grid-column:1/-1}.learning-focus>p{color:var(--muted);font-size:12px;margin:0}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.focus-grid>div{display:grid;grid-template-columns:1fr auto;gap:7px;padding:15px;border:1px solid #dce6f1;border-radius:14px;background:#ffffff88}.focus-grid b{font-size:12px}.focus-grid strong{font-size:15px;color:#486ae2}.focus-grid small{grid-column:1/-1;font-size:10px;color:var(--muted)}@media(max-width:680px){.focus-grid{grid-template-columns:1fr}}