/* Three compositions from the approved artwork. All reference lengths use --u. */
.dsr-topics,.dsr-rules { color:#08073e; }
.dsr-topics :is(h1,h2,p),.dsr-rules :is(h1,h2,h3,p) { margin:0; }
.dsr-topics a,.dsr-rules a { text-decoration:none; color:inherit; }
.dsr-topics button,.dsr-rules button,.dsr-topics input,.dsr-rules input { font:inherit; }
.dsr-topics :is(button,input),.dsr-rules :is(button,input),.dsr-topics .dsr-button,.dsr-rules .dsr-button { font-weight:400; }
.dsr-topics button,.dsr-rules button { cursor:pointer; }
.dsr-topics button,.dsr-rules button,.dsr-topics input,.dsr-rules input { min-width:0; }
.dsr-learning-art { display:block; width:100%; height:100%; }
.dsr-app .dsr-learning-art.dsr-learning-art--phone,.dsr-app .dsr-learning-art.dsr-learning-art--tablet { display:none; }
.dsr-topics .dsr-arrow,.dsr-rules .dsr-arrow { display:grid; place-items:center; border-radius:50%; background:#eaf4ff; color:var(--mauto-ds-color-primary,#3c78da); }
.dsr-topics .dsr-arrow svg,.dsr-rules .dsr-arrow svg { width:calc(28 * var(--u)); height:calc(28 * var(--u)); min-width:calc(28 * var(--u)); }
.dsr-topics .dsr-button,.dsr-rules .dsr-button { display:flex; justify-content:center; align-items:center; gap:calc(18 * var(--u)); color:#fff; border:0; background:linear-gradient(120deg,#26b0ff,#0074ff); border-radius:calc(16 * var(--u)); box-shadow:var(--mauto-ds-action-depth); }
.dsr-topics .dsr-button svg,.dsr-rules .dsr-button svg { width:calc(30 * var(--u)); height:calc(30 * var(--u)); }
.dsr-rules .dsr-button.dsr-soft { color:var(--mauto-ds-color-primary,#3c78da); background:#e2f0ff; box-shadow:var(--mauto-ds-action-depth); }
.dsr-learning-meter { width:100%; height:calc(10 * var(--u)); background:#dbeaff; border-radius:calc(10 * var(--u)); overflow:hidden; }
.dsr-learning-meter>span { display:block; height:100%; border-radius:inherit; background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da)); }
.dsr-topics { padding:calc(26 * var(--u)) calc(42 * var(--u)) calc(24 * var(--u)); }
.dsr-topics-top { display:grid; grid-template-columns:calc(684 * var(--u)) minmax(0,1fr); gap:calc(44 * var(--u)); }
.dsr-topics-intro { padding:calc(22 * var(--u)) calc(11 * var(--u)) 0; }
.dsr-topics h1 { font-size:calc(66 * var(--u)); line-height:1.04; letter-spacing:calc(-2 * var(--u)); font-weight:750; }
.dsr-topics-subtitle { margin-top:calc(6 * var(--u))!important; color:#687cad; font-size:calc(30 * var(--u)); line-height:1.3; }
.dsr-topic-search { display:flex; gap:calc(16 * var(--u)); height:calc(64 * var(--u)); margin-top:calc(26 * var(--u)); padding:0; border:0; background:transparent; box-shadow:none; }
.dsr-topic-search label { display:flex; align-items:center; flex:1; gap:calc(20 * var(--u)); border-radius:calc(17 * var(--u)); padding:0 calc(23 * var(--u)); background:#e7f2ff; }
.dsr-topics .dsr-topic-search svg { width:calc(29 * var(--u)); height:calc(29 * var(--u)); flex-shrink:0; color:#50669a; }
.dsr-topic-search input { width:100%; padding:0; outline:none; border:0; background:transparent; font-size:calc(23 * var(--u)); color:#52699a; }
.dsr-topic-search input::placeholder { color:#687eae; opacity:1; }
.dsr-topic-search>button { display:grid; place-items:center; width:calc(68 * var(--u)); border:0; border-radius:calc(16 * var(--u)); background:#e7f2ff; }
.dsr-topic-tabs { display:flex; gap:calc(10 * var(--u)); margin-top:calc(20 * var(--u)); height:calc(57 * var(--u)); white-space:nowrap; }
.dsr-topic-tabs button { display:flex; align-items:center; justify-content:center; gap:calc(10 * var(--u)); flex:1; padding:0 calc(20 * var(--u)); color:#244377; font-size:calc(20 * var(--u)); border:0; border-radius:calc(35 * var(--u)); background:#e8f3ff; }
.dsr-topic-tabs button:first-child { flex:.45; }
.dsr-topic-tabs button.is-active { background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da)); color:#fff; }
.dsr-play-dot { width:calc(31 * var(--u)); height:calc(31 * var(--u)); line-height:calc(31 * var(--u)); padding-left:calc(3 * var(--u)); border-radius:50%; background:#0087ff; color:#fff; text-align:center; font-size:calc(18 * var(--u)); }
.dsr-topic-hero { position:relative; height:calc(330 * var(--u)); overflow:hidden; border:calc(1 * var(--u)) solid #d9ecff; border-radius:calc(21 * var(--u)); background:linear-gradient(115deg,#f1f9ff,#def0ff); }
.dsr-topic-hero-scene { position:absolute; right:0; bottom:0; width:calc(408 * var(--u)); height:calc(274 * var(--u)); mask-image:linear-gradient(90deg,transparent 0,#000 17%),linear-gradient(180deg,transparent 0,#000 8%); mask-composite:intersect; }
.dsr-topic-recommend,.dsr-topic-important { position:absolute; z-index:2; display:flex; align-items:center; border-radius:calc(22 * var(--u)); white-space:nowrap; }
.dsr-topic-recommend { top:calc(18 * var(--u)); left:calc(25 * var(--u)); gap:calc(9 * var(--u)); padding:calc(5 * var(--u)) calc(14 * var(--u)); background:#d8edff; border:calc(1 * var(--u)) solid #aad6ff; color:var(--mauto-ds-color-primary,#3c78da); font-size:calc(15 * var(--u)); }
.dsr-topic-recommend>span { font-size:calc(26 * var(--u)); line-height:1; }
.dsr-topic-important { right:calc(26 * var(--u)); top:calc(18 * var(--u)); background:#f3fbffde; color:var(--mauto-ds-color-primary,#3c78da); padding:calc(7 * var(--u)) calc(14 * var(--u)); font-size:calc(14 * var(--u)); }
.dsr-topic-hero-copy { position:relative; z-index:1; width:calc(343 * var(--u)); margin:calc(64 * var(--u)) 0 0 calc(32 * var(--u)); }
.dsr-topic-hero h2 { font-size:calc(34 * var(--u)); line-height:1.15; letter-spacing:calc(-1 * var(--u)); }
.dsr-topic-hero-copy>p { font-size:calc(18 * var(--u)); color:#6481b6; line-height:1.2; margin-top:calc(9 * var(--u)); }
.dsr-topic-progress { display:flex; justify-content:space-between; font-size:calc(20 * var(--u)); margin-top:calc(23 * var(--u)); margin-bottom:calc(5 * var(--u)); }
.dsr-topic-progress>span:last-child { color:var(--mauto-ds-color-primary,#3c78da); }
.dsr-topic-hero .dsr-button { height:calc(68 * var(--u)); margin-top:calc(22 * var(--u)); font-size:calc(22 * var(--u)); }
.dsr-topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(15 * var(--u)) calc(16 * var(--u)); margin-top:calc(23 * var(--u)); }
.dsr-topic-card { position:relative; display:flex; flex-direction:column; padding:calc(15 * var(--u)) calc(26 * var(--u)) calc(17 * var(--u)); height:calc(264 * var(--u)); background:#fff; border-radius:calc(23 * var(--u)); }
.dsr-topic-card-picture { width:calc(188 * var(--u)); height:calc(114 * var(--u)); margin-left:calc(-4 * var(--u)); }
.dsr-topic-card-picture .dsr-learning-art { object-fit:contain; }
.dsr-topic-card>.dsr-arrow { position:absolute; right:calc(24 * var(--u)); top:calc(20 * var(--u)); width:calc(55 * var(--u)); height:calc(55 * var(--u)); }
.dsr-topic-card h2 { font-size:calc(24 * var(--u)); line-height:1.05; letter-spacing:calc(-.5 * var(--u)); }
.dsr-topic-card-copy>p { color:#6680b6; font-size:calc(20 * var(--u)); line-height:1.12; margin-top:calc(6 * var(--u)); }
.dsr-topic-card-progress { margin-top:auto; }
.dsr-topic-card-progress>div:first-child { display:flex; justify-content:space-between; gap:calc(5 * var(--u)); margin-bottom:calc(5 * var(--u)); font-size:calc(18 * var(--u)); line-height:1.15; }
.dsr-topic-card-progress>div:first-child>span:last-child { color:#6b80b2; }
.dsr-topic-card--compact { display:grid; grid-template-columns:calc(108 * var(--u)) minmax(0,1fr); grid-template-rows:1fr auto; gap:calc(10 * var(--u)) 0; height:calc(228 * var(--u)); padding-top:calc(12 * var(--u)); }
.dsr-topic-card--compact .dsr-topic-card-picture { width:calc(108 * var(--u)); height:calc(141 * var(--u)); }
.dsr-topic-card--compact .dsr-topic-card-copy { align-self:end; padding-bottom:calc(5 * var(--u)); }
.dsr-topic-card--compact h2 { font-size:calc(23 * var(--u)); }
.dsr-topic-card--compact .dsr-topic-card-copy>p { font-size:calc(18 * var(--u)); line-height:1.18; }
.dsr-topic-card--compact .dsr-topic-card-progress { grid-column:1/-1; }
.dsr-topic-card--compact:nth-child(7) { grid-template-columns:calc(77 * var(--u)) minmax(0,1fr); }
.dsr-topic-card--compact:nth-child(7) .dsr-topic-card-picture { width:calc(64 * var(--u)); }
.dsr-topic-card--compact:nth-child(7) .dsr-topic-card-copy { align-self:center; }
.dsr-rules { padding:calc(26 * var(--u)) calc(163 * var(--u)) calc(15 * var(--u)); }
.dsr-rules-hero { position:relative; height:calc(332 * var(--u)); padding-left:calc(15 * var(--u)); }
.dsr-rules-back { display:flex; align-items:center; gap:calc(9 * var(--u)); width:max-content; font-size:calc(20 * var(--u)); color:var(--mauto-ds-color-primary,#3c78da)!important; height:calc(28 * var(--u)); }
.dsr-rules-back svg { width:calc(22 * var(--u)); height:calc(24 * var(--u)); }
.dsr-rules-copy { position:relative; z-index:1; width:calc(630 * var(--u)); }
.dsr-rules h1 { margin-top:calc(30 * var(--u)); font-size:calc(67 * var(--u)); line-height:.98; letter-spacing:calc(-2 * var(--u)); white-space:nowrap; }
.dsr-rules h2 { margin-top:calc(7 * var(--u)); color:#747fa4; font-size:calc(39 * var(--u)); line-height:1.1; letter-spacing:calc(-.5 * var(--u)); }
.dsr-rules-copy>p { margin-top:calc(23 * var(--u)); width:calc(590 * var(--u)); color:#6f7fa8; font-size:calc(22 * var(--u)); line-height:1.32; }
.dsr-rules-language { display:flex; width:calc(328 * var(--u)); height:calc(57 * var(--u)); margin-top:calc(17 * var(--u)); border:calc(4 * var(--u)) solid #fff; border-radius:calc(32 * var(--u)); background:#eaf4ff; box-shadow:0 calc(5 * var(--u)) calc(16 * var(--u)) #588bc410; overflow:hidden; }
.dsr-rules-language button { flex:1; border:0; background:transparent; color:#6d7ca7; font-size:calc(21 * var(--u)); border-radius:inherit; }
.dsr-rules-language .is-active { background:linear-gradient(115deg,#17b0ff,#0075ff); color:#fff; }
.dsr-rules-book { position:absolute; z-index:0; left:calc(637 * var(--u)); top:calc(-24 * var(--u)); width:calc(619 * var(--u)); height:calc(353 * var(--u)); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent); mask-composite:intersect; }
.dsr-rules-updated { position:absolute; z-index:2; right:calc(11 * var(--u)); top:calc(11 * var(--u)); height:calc(65 * var(--u)); min-width:calc(203 * var(--u)); padding:calc(9 * var(--u)) calc(16 * var(--u)); display:flex; align-items:center; gap:calc(15 * var(--u)); border-radius:calc(20 * var(--u)); background:#f6fbff; }
.dsr-rules-updated>span { display:grid; place-items:center; border-radius:50%; width:calc(43 * var(--u)); height:calc(43 * var(--u)); background:linear-gradient(130deg,#5de973,#00b34d); color:#fff; font-size:calc(30 * var(--u)); }
.dsr-rules-updated strong,.dsr-rules-updated small { display:block; font-size:calc(21 * var(--u)); line-height:1.1; }
.dsr-rules-updated small { color:#6f7aa2; font-size:calc(20 * var(--u)); margin-top:calc(4 * var(--u)); }
.dsr-rules-search { display:flex; height:calc(68 * var(--u)); align-items:center; justify-content:space-between; border:calc(1 * var(--u)) solid #d2e3fd; border-radius:calc(18 * var(--u)); background:#fff; margin:0 calc(13 * var(--u)); padding:calc(8 * var(--u)) calc(15 * var(--u)) calc(8 * var(--u)) calc(23 * var(--u)); }
.dsr-rules-search label { display:flex; align-items:center; gap:calc(22 * var(--u)); flex:1; min-width:0; }
.dsr-rules .dsr-rules-search label>svg { width:calc(36 * var(--u)); height:calc(36 * var(--u)); flex-shrink:0; }
.dsr-rules-search input { width:100%; border:0; background:none; outline:none; font-size:calc(22 * var(--u)); color:#6e7ca4; }
.dsr-rules-search input::placeholder { color:#818bb1; opacity:1; }
.dsr-rules-search>button { display:grid; place-items:center; border:0; border-radius:calc(13 * var(--u)); color:var(--mauto-ds-color-primary,#3c78da); width:calc(57 * var(--u)); height:calc(51 * var(--u)); background:#edf5ff; }
.dsr-rules .dsr-rules-search>button svg { width:calc(32 * var(--u)); height:calc(32 * var(--u)); }
.dsr-rules-example { font-size:calc(16 * var(--u)); color:#7b88af; margin:calc(9 * var(--u)) calc(15 * var(--u)) calc(15 * var(--u))!important; }
.dsr-rules-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(12 * var(--u)) calc(17 * var(--u)); }
.dsr-rule-card { display:grid; grid-template-columns:calc(93 * var(--u)) minmax(0,1fr) calc(52 * var(--u)); align-items:center; gap:calc(21 * var(--u)); height:calc(109 * var(--u)); padding:calc(12 * var(--u)) calc(18 * var(--u)); border-radius:calc(17 * var(--u)); background:#fff; }
.dsr-rule-art { width:calc(93 * var(--u)); height:calc(85 * var(--u)); border-radius:calc(13 * var(--u)); overflow:hidden; }
.dsr-rule-card h3 { font-size:calc(24 * var(--u)); line-height:1.12; letter-spacing:calc(-.5 * var(--u)); }
.dsr-rule-card p { color:#6e7fae; font-size:calc(18 * var(--u)); line-height:1.18; margin-top:calc(5 * var(--u)); }
.dsr-rule-card .dsr-arrow { width:calc(49 * var(--u)); height:calc(49 * var(--u)); }
.dsr-rules-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(13 * var(--u)); margin-top:calc(12 * var(--u)); }
.dsr-rules-actions .dsr-button { height:calc(64 * var(--u)); font-size:calc(19 * var(--u)); }
.dsr-rules-actions .dsr-button svg { width:calc(36 * var(--u)); height:calc(36 * var(--u)); }
@media (min-width:640px) and (max-width:1099px) {
 .dsr-app .dsr-learning-art.dsr-learning-art--desktop { display:none; }.dsr-app .dsr-learning-art.dsr-learning-art--tablet { display:block; }
 .dsr-topics { padding:calc(24 * var(--u)) calc(53 * var(--u)) calc(25 * var(--u)); }
 .dsr-topics-top { display:block; }.dsr-topics-intro { padding:0 calc(2 * var(--u)); }
 .dsr-topics h1 { font-size:calc(58 * var(--u)); }.dsr-topics-subtitle { font-size:calc(28 * var(--u)); margin-top:calc(1 * var(--u))!important; }
 .dsr-topic-search { height:calc(63 * var(--u)); margin-top:calc(4 * var(--u)); gap:calc(13 * var(--u)); }.dsr-topic-search input { font-size:calc(28 * var(--u)); }.dsr-topics .dsr-topic-search svg { width:calc(33 * var(--u)); height:calc(33 * var(--u)); }
 .dsr-topic-tabs { height:calc(57 * var(--u)); margin-top:calc(13 * var(--u)); gap:calc(12 * var(--u)); }.dsr-topic-tabs button { font-size:calc(23 * var(--u)); }.dsr-topic-tabs button:first-child { flex:.7; }
 .dsr-topic-hero { height:calc(344 * var(--u)); margin-top:calc(16 * var(--u)); border-radius:calc(24 * var(--u)); }
 .dsr-topic-hero-scene { width:calc(460 * var(--u)); height:calc(286 * var(--u)); }
 .dsr-topic-recommend { left:calc(23 * var(--u)); font-size:calc(19 * var(--u)); padding:calc(6 * var(--u)) calc(13 * var(--u)); }.dsr-topic-important { font-size:calc(18 * var(--u)); right:calc(16 * var(--u)); }
 .dsr-topic-hero-copy { margin:calc(69 * var(--u)) 0 0 calc(29 * var(--u)); width:calc(473 * var(--u)); }.dsr-topic-hero h2 { font-size:calc(37 * var(--u)); }.dsr-topic-hero-copy>p { font-size:calc(22 * var(--u)); line-height:1.18; margin-top:calc(9 * var(--u)); }
 .dsr-topic-progress { font-size:calc(21 * var(--u)); margin-top:calc(22 * var(--u)); }.dsr-topic-hero .dsr-button { height:calc(69 * var(--u)); font-size:calc(25 * var(--u)); margin-top:calc(22 * var(--u)); }
 .dsr-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(12 * var(--u)); margin-top:calc(18 * var(--u)); }
 .dsr-topic-card,.dsr-topic-card--compact,.dsr-topic-card--compact:nth-child(7) { display:grid; grid-template-columns:calc(166 * var(--u)) minmax(0,1fr); grid-template-rows:1fr auto; height:calc(153 * var(--u)); gap:0 calc(15 * var(--u)); padding:calc(13 * var(--u)) calc(20 * var(--u)); border-radius:calc(23 * var(--u)); }
 .dsr-topic-card .dsr-topic-card-picture,.dsr-topic-card--compact .dsr-topic-card-picture { grid-column:1; grid-row:1/3; align-self:center; width:calc(166 * var(--u)); height:calc(126 * var(--u)); margin:0; }
 .dsr-topic-card--compact:nth-child(7) .dsr-topic-card-picture { width:calc(82 * var(--u)); justify-self:center; height:calc(139 * var(--u)); }
 .dsr-topic-card .dsr-topic-card-copy,.dsr-topic-card--compact .dsr-topic-card-copy,.dsr-topic-card--compact:nth-child(7) .dsr-topic-card-copy { grid-column:2; grid-row:1; align-self:start; padding:calc(5 * var(--u)) 0 0; }
 .dsr-topic-card h2,.dsr-topic-card--compact h2 { font-size:calc(23 * var(--u)); }.dsr-topic-card .dsr-topic-card-copy>p,.dsr-topic-card--compact .dsr-topic-card-copy>p { font-size:calc(18 * var(--u)); line-height:1.15; }
 .dsr-topic-card .dsr-topic-card-progress { grid-column:2; grid-row:2; }.dsr-topic-card-progress>div:first-child { font-size:calc(18 * var(--u)); }.dsr-topic-card .dsr-learning-meter { height:calc(8 * var(--u)); }
 .dsr-topic-card>.dsr-arrow { top:calc(15 * var(--u)); right:calc(16 * var(--u)); width:calc(47 * var(--u)); height:calc(47 * var(--u)); }
 .dsr-rules { padding:calc(35 * var(--u)) calc(82 * var(--u)) calc(15 * var(--u)); }
 .dsr-rules-hero { height:calc(366 * var(--u)); padding-left:calc(8 * var(--u)); }.dsr-rules-back { font-size:calc(22 * var(--u)); height:calc(29 * var(--u)); }
 .dsr-rules-copy { width:calc(477 * var(--u)); }.dsr-rules h1 { font-size:calc(62 * var(--u)); margin-top:calc(29 * var(--u)); }.dsr-rules h2 { font-size:calc(35 * var(--u)); margin-top:calc(6 * var(--u)); }
 .dsr-rules-copy>p { width:calc(440 * var(--u)); font-size:calc(24 * var(--u)); line-height:1.23; margin-top:calc(22 * var(--u)); }.dsr-rules-language { width:calc(369 * var(--u)); height:calc(59 * var(--u)); margin-top:calc(24 * var(--u)); }.dsr-rules-language button { font-size:calc(22 * var(--u)); }
 .dsr-rules-book { left:calc(469 * var(--u)); top:calc(-23 * var(--u)); width:calc(448 * var(--u)); height:calc(383 * var(--u)); }.dsr-rules-updated { right:calc(26 * var(--u)); top:0; width:calc(214 * var(--u)); height:calc(68 * var(--u)); }
 .dsr-rules-search { margin:0 calc(2 * var(--u)); height:calc(73 * var(--u)); padding-right:calc(14 * var(--u)); }.dsr-rules-search input { font-size:calc(24 * var(--u)); }.dsr-rules .dsr-rules-search label>svg { width:calc(39 * var(--u)); height:calc(39 * var(--u)); }
 .dsr-rules-example { font-size:calc(18 * var(--u)); margin:calc(10 * var(--u)) calc(6 * var(--u)) calc(16 * var(--u))!important; }
 .dsr-rules-grid { grid-template-columns:1fr; gap:calc(11 * var(--u)); }.dsr-rule-card { height:calc(106 * var(--u)); grid-template-columns:calc(110 * var(--u)) minmax(0,1fr) calc(58 * var(--u)); gap:calc(34 * var(--u)); padding:calc(11 * var(--u)) calc(20 * var(--u)); }
 .dsr-rule-art { width:calc(110 * var(--u)); height:calc(84 * var(--u)); }.dsr-rule-card h3 { font-size:calc(27 * var(--u)); }.dsr-rule-card p { font-size:calc(21 * var(--u)); line-height:1.16; margin-top:calc(4 * var(--u)); }.dsr-rule-card .dsr-arrow { width:calc(55 * var(--u)); height:calc(55 * var(--u)); }.dsr-rules .dsr-arrow svg { width:calc(31 * var(--u)); height:calc(31 * var(--u)); }
 .dsr-rules-actions { margin-top:calc(13 * var(--u)); gap:calc(9 * var(--u)); }.dsr-rules-actions .dsr-button { height:calc(54 * var(--u)); font-size:calc(20 * var(--u)); gap:calc(17 * var(--u)); border-radius:calc(11 * var(--u)); }.dsr-rules-actions .dsr-button svg { width:calc(34 * var(--u)); height:calc(34 * var(--u)); }
}
@media (max-width:639px) {
 .dsr-app .dsr-learning-art.dsr-learning-art--desktop { display:none; }.dsr-app .dsr-learning-art.dsr-learning-art--phone { display:block; }
 .dsr-topics { padding:calc(28 * var(--u)) calc(34 * var(--u)) calc(16 * var(--u)); }.dsr-topics-top { display:block; }.dsr-topics-intro { padding:0 calc(4 * var(--u)); }
 .dsr-topics h1 { font-size:calc(59 * var(--u)); }.dsr-topics-subtitle { font-size:calc(28 * var(--u)); margin-top:calc(6 * var(--u))!important; }
 .dsr-topic-search { height:calc(78 * var(--u)); margin-top:calc(25 * var(--u)); gap:calc(12 * var(--u)); }.dsr-topic-search label { border-radius:calc(23 * var(--u)); gap:calc(24 * var(--u)); padding:0 calc(26 * var(--u)); }.dsr-topic-search input { font-size:calc(28 * var(--u)); }.dsr-topics .dsr-topic-search svg { width:calc(36 * var(--u)); height:calc(36 * var(--u)); }.dsr-topic-search>button { width:calc(77 * var(--u)); border-radius:calc(22 * var(--u)); }
 .dsr-topic-tabs { height:calc(63 * var(--u)); margin-top:calc(19 * var(--u)); gap:calc(13 * var(--u)); }.dsr-topic-tabs button { padding:0 calc(22 * var(--u)); font-size:calc(26 * var(--u)); }.dsr-topic-tabs button:first-child { flex:.42; }.dsr-play-dot { width:calc(31 * var(--u)); height:calc(31 * var(--u)); }
 .dsr-topic-hero { margin-top:calc(23 * var(--u)); height:calc(385 * var(--u)); border-radius:calc(25 * var(--u)); }
 .dsr-topic-hero-scene { width:calc(355 * var(--u)); height:calc(321 * var(--u)); }
 .dsr-topic-recommend { top:calc(22 * var(--u)); left:calc(24 * var(--u)); font-size:calc(20 * var(--u)); padding:calc(7 * var(--u)) calc(13 * var(--u)); }.dsr-topic-recommend>span { font-size:calc(28 * var(--u)); }.dsr-topic-important { right:calc(20 * var(--u)); top:calc(22 * var(--u)); font-size:calc(20 * var(--u)); padding:calc(9 * var(--u)) calc(14 * var(--u)); }
 .dsr-topic-hero-copy { margin:calc(80 * var(--u)) 0 0 calc(31 * var(--u)); width:calc(394 * var(--u)); }.dsr-topic-hero h2 { font-size:calc(42 * var(--u)); letter-spacing:calc(-1 * var(--u)); white-space:nowrap; }.dsr-topic-hero-copy>p { font-size:calc(22 * var(--u)); line-height:1.16; margin-top:calc(11 * var(--u)); white-space:nowrap; }.dsr-topic-progress { margin-top:calc(25 * var(--u)); font-size:calc(21 * var(--u)); margin-bottom:calc(8 * var(--u)); }.dsr-topic-hero .dsr-learning-meter { height:calc(12 * var(--u)); }.dsr-topic-hero .dsr-button { margin-top:calc(26 * var(--u)); height:calc(78 * var(--u)); font-size:calc(27 * var(--u)); gap:calc(19 * var(--u)); border-radius:calc(20 * var(--u)); }
 .dsr-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(13 * var(--u)) calc(14 * var(--u)); margin-top:calc(18 * var(--u)); }
 .dsr-topic-card { height:calc(267 * var(--u)); padding:calc(16 * var(--u)) calc(26 * var(--u)) calc(19 * var(--u)); border-radius:calc(24 * var(--u)); }.dsr-topic-card-picture { width:calc(176 * var(--u)); height:calc(110 * var(--u)); margin-left:0; }.dsr-topic-card>.dsr-arrow { width:calc(54 * var(--u)); height:calc(54 * var(--u)); top:calc(23 * var(--u)); right:calc(22 * var(--u)); }
 .dsr-topic-card h2 { font-size:calc(28 * var(--u)); line-height:1.07; }.dsr-topic-card-copy>p { font-size:calc(22 * var(--u)); line-height:1.13; margin-top:calc(5 * var(--u)); }.dsr-topic-card-progress>div:first-child { font-size:calc(20 * var(--u)); margin-bottom:calc(6 * var(--u)); }.dsr-topic-card .dsr-learning-meter { height:calc(10 * var(--u)); }
 .dsr-topic-card--compact,.dsr-topic-card--compact:nth-child(7) { height:calc(171 * var(--u)); grid-template-columns:calc(111 * var(--u)) minmax(0,1fr); grid-template-rows:1fr auto; padding:calc(14 * var(--u)) calc(22 * var(--u)) calc(17 * var(--u)); gap:0 calc(8 * var(--u)); }
 .dsr-topic-card--compact .dsr-topic-card-picture { grid-row:1/3; width:calc(111 * var(--u)); height:calc(138 * var(--u)); align-self:center; }.dsr-topic-card--compact:nth-child(7) .dsr-topic-card-picture { width:calc(73 * var(--u)); height:calc(141 * var(--u)); justify-self:center; }
 .dsr-topic-card--compact .dsr-topic-card-copy,.dsr-topic-card--compact:nth-child(7) .dsr-topic-card-copy { align-self:start; padding:calc(13 * var(--u)) 0 0; }.dsr-topic-card--compact h2 { font-size:calc(24 * var(--u)); line-height:1.04; }.dsr-topic-card--compact .dsr-topic-card-copy>p { font-size:calc(20 * var(--u)); line-height:1.15; margin-top:calc(8 * var(--u)); }.dsr-topic-card--compact .dsr-topic-card-progress { grid-column:2; grid-row:2; }.dsr-topic-card--compact .dsr-topic-card-progress>div:first-child { font-size:calc(18 * var(--u)); }.dsr-topic-card--compact>.dsr-arrow { width:calc(46 * var(--u)); height:calc(46 * var(--u)); right:calc(21 * var(--u)); top:calc(17 * var(--u)); }
 .dsr-rules { padding:calc(36 * var(--u)) calc(30 * var(--u)) calc(20 * var(--u)); }.dsr-rules-hero { height:calc(418 * var(--u)); padding-left:calc(10 * var(--u)); }.dsr-rules-back { height:calc(30 * var(--u)); font-size:calc(23 * var(--u)); gap:calc(12 * var(--u)); }.dsr-rules-back svg { width:calc(26 * var(--u)); height:calc(28 * var(--u)); }
 .dsr-rules-copy { width:calc(425 * var(--u)); }.dsr-rules h1 { margin-top:calc(33 * var(--u)); font-size:calc(65 * var(--u)); letter-spacing:calc(-2 * var(--u)); }.dsr-rules h2 { font-size:calc(35 * var(--u)); margin-top:calc(10 * var(--u)); white-space:nowrap; }.dsr-rules-copy>p { width:calc(399 * var(--u)); margin-top:calc(24 * var(--u)); font-size:calc(25 * var(--u)); line-height:1.28; }.dsr-rules-language { width:calc(377 * var(--u)); height:calc(70 * var(--u)); margin-top:calc(30 * var(--u)); border-radius:calc(29 * var(--u)); }.dsr-rules-language button { font-size:calc(25 * var(--u)); }
 .dsr-rules-book { left:calc(426 * var(--u)); top:calc(-15 * var(--u)); width:calc(378 * var(--u)); height:calc(411 * var(--u)); }.dsr-rules-updated { top:calc(13 * var(--u)); right:calc(2 * var(--u)); height:calc(70 * var(--u)); min-width:calc(214 * var(--u)); border-radius:calc(22 * var(--u)); padding:calc(10 * var(--u)) calc(16 * var(--u)); gap:calc(16 * var(--u)); }.dsr-rules-updated>span { width:calc(45 * var(--u)); height:calc(45 * var(--u)); font-size:calc(33 * var(--u)); }.dsr-rules-updated strong,.dsr-rules-updated small { font-size:calc(22 * var(--u)); }
 .dsr-rules-search { margin:0 calc(2 * var(--u)); height:calc(94 * var(--u)); padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u)) calc(29 * var(--u)); border-radius:calc(26 * var(--u)); }.dsr-rules-search input { font-size:calc(28 * var(--u)); }.dsr-rules-search label { gap:calc(23 * var(--u)); }.dsr-rules .dsr-rules-search label>svg { width:calc(42 * var(--u)); height:calc(42 * var(--u)); }.dsr-rules-search>button { width:calc(71 * var(--u)); height:calc(64 * var(--u)); border-radius:calc(18 * var(--u)); }.dsr-rules .dsr-rules-search>button svg { width:calc(40 * var(--u)); height:calc(40 * var(--u)); }
 .dsr-rules-example { font-size:calc(22 * var(--u)); margin:calc(13 * var(--u)) calc(8 * var(--u)) calc(20 * var(--u))!important; white-space:nowrap; }
 .dsr-rules-grid { grid-template-columns:1fr; gap:calc(12 * var(--u)); }.dsr-rule-card { height:calc(141 * var(--u)); grid-template-columns:calc(111 * var(--u)) minmax(0,1fr) calc(64 * var(--u)); gap:calc(29 * var(--u)); padding:calc(18 * var(--u)) calc(21 * var(--u)); border-radius:calc(22 * var(--u)); }.dsr-rule-art { width:calc(111 * var(--u)); height:calc(106 * var(--u)); border-radius:calc(16 * var(--u)); }.dsr-rule-card h3 { font-size:calc(29 * var(--u)); line-height:1.08; }.dsr-rule-card p { font-size:calc(23 * var(--u)); line-height:1.23; margin-top:calc(7 * var(--u)); }.dsr-rule-card .dsr-arrow { width:calc(63 * var(--u)); height:calc(63 * var(--u)); }.dsr-rules .dsr-arrow svg { width:calc(35 * var(--u)); height:calc(35 * var(--u)); }
 .dsr-rules-actions { gap:calc(12 * var(--u)); margin-top:calc(26 * var(--u)); }.dsr-rules-actions .dsr-button { height:calc(83 * var(--u)); gap:calc(20 * var(--u)); font-size:calc(23 * var(--u)); border-radius:calc(20 * var(--u)); }.dsr-rules-actions .dsr-button svg { width:calc(43 * var(--u)); height:calc(43 * var(--u)); }
}