/* Chapter 4 palette. */
:root { --sky:#a8eee1; --page:#e0f8f0; --ink-color:#254d59; --soft-color:#4f6c73; --accent-color:#2864b6; --edge:#7faaa7; --frame:#477a82; --warm:#ffdc84; --warm-light:#fff3cb; --paper:#f5fffaed; --accent-light:#d4efef; --shadow:#8ec3b9; --shadow-soft:#71a89b55; --grass:#56be99; --ground:#b9dac9; --veil:#ecfff8f5; --veil-mid:#e7fcf6e8; --veil-light:#d1f7f066; --watermark:#33749722; }
/* Shared presentation details; each chapter defines its own palette. */
:root { --bg:var(--sky); --mint:var(--accent-color); --cream:var(--ink-color); --muted:var(--soft-color); --line:var(--edge); --gold:var(--warm); }
body { color:var(--ink-color); background-color:var(--page); background-image:radial-gradient(#fffef2dd 1.7px,transparent 1.7px); }
.wordmark { color:var(--ink-color); }.guide-title,.wordmark-divider { color:var(--soft-color); }
.brand-pixel { background:var(--warm); border-color:var(--edge); border-radius:5px; transform:rotate(-12deg); box-shadow:2px 2px 0 var(--shadow); }
.chapter-label { color:var(--ink-color); background:var(--paper); border-color:var(--edge); box-shadow:3px 3px 0 var(--shadow); }
.online-dot { background:var(--accent-color); }
.deck { background:var(--sky); border-color:var(--frame); box-shadow:0 8px 0 var(--shadow),0 15px 28px #30412f25; }
.slide { --ink:var(--ink-color); --soft:var(--soft-color); --accent:var(--accent-color); --rule:var(--edge); background-color:var(--sky); }
.slide::before,.slide:has(.lesson-layout)::before,.slide:has(.trio-layout)::before { background:linear-gradient(90deg,var(--veil) 0%,var(--veil-mid) 36%,var(--veil-light) 64%,#ffffff08 100%); }
.slide-top { color:var(--soft-color); border-color:var(--edge); }
.slide-top>.mono { color:var(--ink-color); background:var(--warm-light); border-color:var(--edge); box-shadow:.18cqw .2cqw 0 var(--shadow); }
.slide-footer { color:var(--ink-color); background:var(--ground); border-top-color:var(--grass); box-shadow:0 -.12cqw 0 var(--frame),inset 0 .16cqw 0 var(--shadow); }
.slide-footer>.mono { color:var(--ink-color); }
.bank-count>span { color:var(--soft-color); }.bank-count>strong { color:var(--accent-color); }
.chapter-ticket { background:var(--warm); color:var(--ink-color); border-color:var(--edge); box-shadow:.16cqw .23cqw 0 var(--shadow); }
.chapter-cover h1 { font-size:5.8cqw; line-height:1.15; color:#fffbe6; -webkit-text-stroke:.1cqw var(--frame); text-shadow:.15cqw .2cqw 0 var(--frame),.27cqw .37cqw 0 var(--shadow); }
.chapter-cover h1 em { color:var(--accent-color); }
.chapter-cover .subtitle { margin-top:1.7cqw; }
.chapter-cover .cover-mascot { width:36cqw; height:37cqw; bottom:8cqw; }
.chapter-cover .bank-count { margin:1cqw 0; }
.start-button { background:var(--accent-color); border-color:var(--frame); box-shadow:0 .4cqw 0 var(--frame),inset 0 .15cqw 0 #ffffff50; }
.start-button:hover { box-shadow:0 .6cqw 0 var(--frame); }
.world-number { color:var(--watermark); }
.portal-row { gap:1.1cqw; }.portal-token { width:4.3cqw; color:var(--ink-color); background:var(--warm); border-color:var(--edge); box-shadow:0 .35cqw 0 var(--shadow); }
.portal-token:nth-child(even) { color:var(--ink-color); background:var(--accent-light); border-color:var(--edge); box-shadow:0 .35cqw 0 var(--shadow); }
.portal-token:nth-child(3n) { color:var(--ink-color); background:var(--paper); border-color:var(--edge); box-shadow:0 .35cqw 0 var(--shadow); }
.ready-tag { color:var(--ink-color); background:var(--warm-light); border-color:var(--edge); }.ready-tag i{background:var(--accent-color);}
.shot img { outline-color:var(--edge); box-shadow:.55cqw .65cqw 0 var(--shadow-soft),0 .8cqw 1.3cqw #304b4922; }
.shot img:hover { outline-color:var(--accent-color); box-shadow:.55cqw .65cqw 0 var(--shadow); }
.shot figcaption { background:var(--paper); color:var(--soft-color); border-color:var(--edge); }
.lesson-mascot { height:15.5cqw; margin-top:1.3cqw; }
.lesson-details { color:var(--ink-color); background:var(--paper); border-color:var(--edge); box-shadow:.35cqw .45cqw 0 var(--shadow-soft); }
.lesson-details .quote { border-color:var(--edge); }
.lesson-details .review-list>div { border-color:var(--edge); }
.lesson-details .review-list>div>b { color:var(--accent-color); }
.lesson-details .review-list strong { color:var(--ink-color); }
.lesson-details .review-list span { color:var(--soft-color); font-size:1.6cqw; }
.metric-caption { color:var(--soft-color); }
.player-controls,.keyboard-hint,.tool-button { color:var(--soft-color); }
.tool-button:hover { color:var(--ink-color); background:var(--paper); }
.arrow-button { color:var(--ink-color); background:var(--warm); border-color:var(--edge); box-shadow:0 3px 0 var(--shadow); }
.arrow-button:hover:enabled { color:var(--ink-color); background:var(--warm-light); }
.page-counter>b { color:var(--ink-color); }.page-counter>span { color:var(--soft-color); }
.deck-progress { background:var(--shadow); }.deck-progress span { background:var(--accent-color); }
dialog { color:var(--ink-color); background:var(--paper); border-color:var(--edge); box-shadow:0 10px 0 var(--shadow-soft),0 24px 100px #36453655; }
dialog::backdrop { background:#233d4aa8; }
.dialog-heading h2,
.close-button { background:var(--accent-color); border-color:var(--frame); box-shadow:0 3px 0 var(--frame); }
.overview-item,.overview-item:nth-child(4n+1),.overview-item:nth-child(4n+2),.overview-item:nth-child(4n+3),.overview-item:nth-child(4n+4) { color:var(--ink-color); border-color:var(--edge); background-color:var(--warm-light); box-shadow:0 3px 0 var(--shadow); }
.overview-item:nth-child(even) { background-color:var(--accent-light); }
.overview-item[aria-current=true] { outline-color:var(--accent-color); }
#lightbox,.lightbox-toolbar { background:var(--paper); }#lightbox-title,#lightbox>p { color:var(--soft-color); }
.toast { color:var(--ink-color); background:var(--warm-light); border-color:var(--edge); }
button:focus-visible,a:focus-visible,img[data-zoom]:focus-visible { outline-color:var(--accent-color); }

/* Large teaching examples, placed next to the unchanged app screenshot. */
.zone-list { display:flex; flex-direction:column; gap:1cqw; }
.zone-list a { display:flex; align-items:center; gap:1cqw; padding:1.1cqw; text-decoration:none; background:var(--accent-light); border:.15cqw solid var(--edge); border-radius:.7cqw; box-shadow:0 .2cqw 0 var(--shadow-soft); }
.zone-list a:nth-child(2) { background:var(--warm-light); }
.zone-list a>b { font-size:2.6cqw; color:var(--accent-color); }
.zone-list strong { display:block; font-size:1.85cqw; }
.zone-list span { font-size:1.35cqw; line-height:1.65; }.zone-list i { margin-left:auto; font-size:1.4cqw; font-style:normal; }
.zone-list a:hover { transform:translateY(-2px); background:var(--warm); }
.example-box { font-size:2cqw; line-height:1.6; font-weight:750; background:var(--accent-light); border-left:.35cqw solid var(--accent-color); border-radius:0 .8cqw .8cqw 0; padding:1.3cqw; margin:1.2cqw 0; }
.answer-chip { display:block; text-align:center; padding:1cqw; color:var(--accent-color); background:var(--warm-light); border:.15cqw solid var(--edge); border-radius:.7cqw; font-size:2cqw; font-weight:800; }
.stat-rows { display:flex; flex-direction:column; }
.stat-rows>div { display:flex; justify-content:space-between; align-items:center; gap:1cqw; padding:.9cqw 0; border-bottom:.14cqw dashed var(--edge); }
.stat-rows>div:last-child { border-bottom:0; }.stat-rows span { font-size:1.7cqw; line-height:1.5; font-weight:650; }.stat-rows strong { font-size:2.7cqw; color:var(--accent-color); }
.family-slide .stat-rows span { font-size:2.7cqw; }
.word-chips { display:flex; flex-wrap:wrap; gap:.65cqw; margin:1.3cqw 0; }
.word-chips span { background:var(--accent-light); color:var(--ink-color); padding:.55cqw .75cqw; font-size:1.5cqw; line-height:1.4; border:.12cqw solid var(--edge); border-radius:.5cqw; }
.choice-stack { display:flex; flex-direction:column; gap:1.5cqw; }
.choice-stack>div { padding:1.3cqw; border:.15cqw solid var(--edge); border-radius:.7cqw; background:var(--accent-light); }
.choice-stack>div:nth-child(2) { background:var(--warm-light); }.choice-stack b { font-size:2.1cqw; }.choice-stack p { font-size:1.55cqw; }
.choice-stack small { display:block; font-size:var(--small); margin-top:.6cqw; color:var(--soft-color); }
.inline-stat { display:block; margin:1cqw 0 0; font-size:1.7cqw; }.inline-stat strong { font-size:2.3cqw; color:var(--accent-color); }
.grammar-slide .stat-rows>div { padding:.5cqw 0; }.grammar-slide .stat-rows strong { font-size:2cqw; }
.collocation-example { display:flex; flex-direction:column; gap:1.3cqw; padding:1.4cqw; background:var(--accent-light); border:.15cqw solid var(--edge); border-radius:.8cqw; }
.collocation-example span { font-size:1.8cqw; }.collocation-example strong { font-size:2.9cqw; line-height:1.25; color:var(--accent-color); }.collocation-example del { color:#a7756d; font-size:1.7cqw; }
.repair-example { display:flex; flex-direction:column; align-items:center; gap:1cqw; margin:1cqw 0 1.5cqw; }
.repair-example span,.repair-example strong { font-size:2.6cqw; line-height:1.5; }.repair-example>b { font-size:3.1cqw; color:var(--accent-color); }
.repair-example del { color:#b85850; }.repair-example strong { padding:.7cqw 1cqw; background:var(--accent-light); border:.15cqw solid var(--edge); border-radius:.8cqw; }
.sentence-pieces { display:flex; flex-wrap:wrap; gap:.8cqw; margin:1cqw 0 1.5cqw; }
.sentence-pieces span { padding:.7cqw .8cqw; font-size:2cqw; font-weight:750; color:var(--accent-color); background:var(--accent-light); border:.16cqw solid var(--edge); border-radius:.7cqw; box-shadow:0 .25cqw 0 var(--shadow); }
.accent-flags { display:flex; justify-content:space-between; gap:.8cqw; margin:1.3cqw 0; }
.accent-flags span { flex:1; display:flex; flex-direction:column; align-items:center; padding:1cqw .6cqw; font-size:3.3cqw; border:.15cqw solid var(--edge); border-radius:.8cqw; background:var(--warm-light); }
.accent-flags b { font-size:1.5cqw; margin-top:.5cqw; }
.big-screen .lesson-screen .shot img { height:40.5cqw; }
.slide.spotlight { --ink:#fff8dd; --soft:#eaf1f5; --accent:#ffe388; }
.slide.spotlight:has(.trio-layout)::before { background:linear-gradient(100deg,#164967f7 0%,#285f84ee 70%,#388a9abb); }
.spotlight .slide-top { color:#d9f6ee; }.spotlight .copy h2 { text-shadow:.1cqw .15cqw 0 #153b55; }
.spotlight .accent-flags { max-width:31cqw; }.spotlight .accent-flags span { background:#396d88; border-color:#7ab1bd; }.spotlight .accent-flags b { color:#f6edcf; }
.spotlight p { color:#e8f2f1; }.spotlight .quote { color:#fff1c3; }
.stage-bubble { background:var(--warm); color:var(--ink-color); border-color:var(--edge); box-shadow:.2cqw .3cqw 0 var(--shadow); }
.stage-platform { background:var(--ground); border-top-color:var(--grass); box-shadow:0 .3cqw 0 var(--shadow); }
.pronunciation-slide .stat-rows span { font-size:1.6cqw; }.pronunciation-slide .stat-rows strong { font-size:2.3cqw; }
.chapter-finale .copy h2 { font-size:3.6cqw; }
.summary-grid { display:grid; grid-template-columns:1fr 1fr; gap:1cqw; margin:1.7cqw 0; }
.summary-grid span { padding:.7cqw .9cqw; border:.13cqw solid var(--edge); background:var(--accent-light); border-radius:.7cqw; font-size:1.4cqw; color:var(--soft-color); }
.summary-grid b { display:block; font-size:2.4cqw; color:var(--accent-color); margin-bottom:.3cqw; }
.next-world-ticket { display:block; color:var(--ink-color); background:var(--warm-light); border-color:var(--edge); box-shadow:.25cqw .35cqw 0 var(--shadow); }
.next-world-ticket>span,.next-world-ticket p { color:var(--soft-color); }.next-world-ticket>strong { color:var(--accent-color); }
.chapter-link { text-decoration:none; }.chapter-link:hover { background:var(--warm); }
.latin-card { display:flex; flex-direction:column; gap:.6cqw; border-left:.35cqw solid var(--accent-color); padding:1.2cqw 1.3cqw; background:var(--warm-light); border-radius:0 .8cqw .8cqw 0; }
.latin-card strong { font-size:3.2cqw; color:var(--accent-color); }.latin-card em { font-size:2.2cqw; color:var(--soft-color); }.latin-card>b { font-size:2.2cqw; }
.reward-math { display:flex; gap:1.4cqw; justify-content:center; align-items:center; margin:1cqw 0 1.5cqw; }
.reward-math>div { display:flex; flex-direction:column; align-items:center; gap:.7cqw; }.reward-math strong { font-size:6cqw; color:var(--accent-color); }.reward-math>div>span { font-size:1.35cqw; }.reward-math>b { font-size:3cqw; color:var(--soft-color); }
.reading-path { display:flex; align-items:center; gap:.45cqw; margin:1.7cqw 0 1.2cqw; }
.reading-path span { padding:.65cqw .6cqw; background:var(--warm-light); border:.13cqw solid var(--edge); border-radius:.5cqw; font-size:1.4cqw; font-weight:750; }.reading-path>b { font-size:1.3cqw; color:var(--accent-color); }
.board-quote { padding:1.4cqw; background:var(--warm-light); border:.15cqw solid var(--edge); border-radius:1cqw; margin-bottom:1.4cqw; font-size:2cqw; color:var(--accent-color); font-weight:800; text-align:center; }
.record-table { width:100%; border-collapse:collapse; font-size:1.75cqw; text-align:right; }
.record-table caption { text-align:left; font-size:var(--small); margin-bottom:1cqw; color:var(--soft-color); }
.record-table th,.record-table td { padding:.9cqw .5cqw; border-bottom:.15cqw solid var(--edge); }.record-table th:first-child { text-align:left; }.record-table thead { background:var(--warm-light); }.record-table td:last-child { color:#b84334; font-weight:750; }
.color-samples { display:flex; justify-content:space-between; gap:.6cqw; margin:1cqw 0 1.5cqw; }.color-samples i { width:4cqw; height:4cqw; border-radius:50%; border:.15cqw solid #ffffffdd; box-shadow:.12cqw .2cqw 0 var(--shadow-soft); }.color-samples .score-color { background:linear-gradient(125deg,#c76529,#49774a,#2c75b9); }
.appearance-numbers { display:flex; gap:1.8cqw; margin:1.6cqw 0; }.appearance-numbers span { font-size:1.5cqw; color:var(--soft-color); }.appearance-numbers b { display:block; font-size:4.4cqw; color:var(--accent-color); }
.mode-list>div { padding:1.2cqw 0; border-bottom:.15cqw dashed var(--edge); }.mode-list>div:first-child { padding-top:0; }.mode-list>div:last-child { border:0; padding-bottom:0; }.mode-list b { font-size:2cqw; color:var(--accent-color); }.mode-list p { font-size:1.6cqw; margin-top:.5cqw; }
.pro-heading { display:flex; align-items:center; gap:1cqw; padding-bottom:1.5cqw; margin-bottom:1cqw; border-bottom:.15cqw solid var(--edge); }
.pro-heading>span { font-size:1.55cqw; background:var(--warm); padding:.7cqw; border-radius:.5cqw; }.pro-heading strong { font-size:1.85cqw; }
.free-pro-slide .lesson-intro .lesson-mascot { height:12.5cqw; }
.chapter-recap { display:flex; flex-direction:column; gap:.55cqw; margin:1.4cqw 0; }.chapter-recap a { display:flex; gap:1cqw; align-items:center; padding:.5cqw .9cqw; text-decoration:none; font-size:1.6cqw; background:var(--warm-light); border:.12cqw solid var(--edge); border-radius:.5cqw; }.chapter-recap b { color:var(--accent-color); font-size:1.2cqw; }.chapter-recap i { margin-left:auto; font-style:normal; }.chapter-recap a:hover { background:var(--warm); }
.final-counts { display:flex; gap:2cqw; margin-top:1.3cqw; }.final-counts span { color:var(--soft-color); font-size:1.25cqw; }.final-counts b { display:block; color:var(--accent-color); font-size:2.5cqw; }
.download-panel>strong { display:block; font-size:3.2cqw; color:var(--accent-color); margin-top:.8cqw; }.download-panel p { font-size:1.5cqw; }
.store-links { display:flex; gap:.7cqw; margin-top:1.3cqw; }.store-links a { display:block; flex:1; text-align:center; text-decoration:none; padding:1cqw .6cqw; color:#fff9e6; background:var(--accent-color); border:.15cqw solid var(--frame); border-radius:.6cqw; box-shadow:0 .25cqw 0 var(--shadow); font-size:1.45cqw; font-weight:750; }.store-links a:hover { transform:translateY(-2px); }

@media(max-width:680px) and (orientation:portrait) {
 .deck { box-shadow:0 5px 0 var(--shadow); }
 .slide::before,.slide:has(.lesson-layout)::before,.slide:has(.trio-layout)::before { background:linear-gradient(var(--veil) 0%,var(--veil-mid) 70%,var(--veil-light)); }
 .slide-footer { left:auto; right:auto; width:auto; margin-left:-6cqw; margin-right:-6cqw; }
 .chapter-cover h1 { font-size:12.4cqw; -webkit-text-stroke:.3cqw var(--frame); text-shadow:.4cqw .55cqw 0 var(--frame),.7cqw .9cqw 0 var(--shadow); }
 .chapter-cover .cover-mascot { width:78cqw; height:81cqw; bottom:18cqw; }
 .chapter-cover .subtitle { margin-top:4cqw; }.chapter-cover .bank-count { margin:4cqw 0; }
 .portal-row { gap:3cqw; }.portal-token { width:11cqw; }
 .lesson-mascot { height:32cqw; }
 .lesson-details .review-list span { font-size:var(--body); }
 .zone-list { gap:3cqw; }.zone-list a { padding:3cqw; gap:3cqw; border-width:1px; border-radius:2cqw; }.zone-list a>b { font-size:7cqw; }.zone-list strong { font-size:var(--h3); }.zone-list span { font-size:var(--body); }.zone-list i { font-size:5cqw; }
 .example-box { font-size:5.5cqw; padding:4cqw; margin:4cqw 0; border-left-width:1cqw; border-radius:0 2cqw 2cqw 0; }.answer-chip { font-size:5.5cqw; padding:3cqw; border-width:1px; border-radius:2cqw; }
 .stat-rows>div { padding:2.5cqw 0; gap:3cqw; border-width:1px; }.stat-rows span { font-size:var(--body); }.stat-rows strong { font-size:7cqw; }.family-slide .stat-rows span { font-size:7cqw; }
 .word-chips { gap:2cqw; margin:4cqw 0; }.word-chips span { padding:2cqw 2.5cqw; font-size:var(--body); border-width:1px; border-radius:1.5cqw; }
 .choice-stack { gap:4cqw; }.choice-stack>div { padding:4cqw; border-width:1px; border-radius:2cqw; }.choice-stack b { font-size:6cqw; }.choice-stack p { font-size:var(--body); }.choice-stack small { font-size:var(--small); margin-top:2cqw; }
 .inline-stat { font-size:var(--body); margin-top:3cqw; }.inline-stat strong { font-size:6cqw; }
 .grammar-slide .stat-rows>div { padding:2cqw 0; }.grammar-slide .stat-rows strong { font-size:6cqw; }
 .collocation-example { gap:4cqw; padding:4cqw; border-width:1px; border-radius:2cqw; }.collocation-example span { font-size:var(--h3); }.collocation-example strong { font-size:7.2cqw; }.collocation-example del { font-size:var(--body); }
 .repair-example { gap:3cqw; margin:3cqw 0 4cqw; }.repair-example span,.repair-example strong { font-size:7cqw; }.repair-example>b { font-size:8cqw; }.repair-example strong { padding:2cqw 3cqw; border-width:1px; border-radius:2cqw; }
 .sentence-pieces { gap:2.5cqw; margin:3cqw 0 4cqw; }.sentence-pieces span { font-size:5.5cqw; padding:2cqw 2.5cqw; border-width:1px; border-radius:2cqw; }
 .accent-flags { gap:3cqw; margin:4cqw 0; }.accent-flags span { padding:3cqw 2cqw; font-size:9cqw; border-width:1px; border-radius:2cqw; }.accent-flags b { font-size:var(--body); margin-top:2cqw; }
 .big-screen .lesson-screen .shot img { height:auto; }.spotlight .accent-flags { max-width:none; }
 .pronunciation-slide .stat-rows span { font-size:var(--body); }.pronunciation-slide .stat-rows strong { font-size:6cqw; }
 .chapter-finale .copy h2 { font-size:8.6cqw; }
 .summary-grid { gap:3cqw; margin:5cqw 0; }.summary-grid span { padding:3cqw; font-size:var(--body); border-width:1px; border-radius:2cqw; }.summary-grid b { font-size:6cqw; margin-bottom:1cqw; }
 .latin-card { gap:2cqw; padding:4cqw; border-left-width:1cqw; border-radius:0 2cqw 2cqw 0; }.latin-card strong { font-size:8cqw; }.latin-card em,.latin-card>b { font-size:6cqw; }
 .reward-math { gap:4cqw; margin:3cqw 0 4cqw; }.reward-math>div { gap:2cqw; }.reward-math strong { font-size:16cqw; }.reward-math>div>span { font-size:var(--small); }.reward-math>b { font-size:8cqw; }
 .reading-path { gap:1.3cqw; margin:5cqw 0 3cqw; }.reading-path span { font-size:3.5cqw; padding:2cqw 1.5cqw; border-width:1px; border-radius:1.5cqw; }.reading-path>b { font-size:4cqw; }
 .board-quote { font-size:5.5cqw; padding:4cqw; margin-bottom:4cqw; border-width:1px; border-radius:3cqw; }
 .record-table { font-size:var(--body); }.record-table caption { margin-bottom:3cqw; }.record-table th,.record-table td { padding:3cqw 1.5cqw; border-width:1px; }
 .color-samples { gap:2cqw; margin:3cqw 0 5cqw; }.color-samples i { width:10cqw; height:10cqw; border-width:1px; }
 .appearance-numbers { gap:6cqw; margin:5cqw 0; }.appearance-numbers span { font-size:var(--body); }.appearance-numbers b { font-size:12cqw; }
 .mode-list>div { padding:4cqw 0; border-width:1px; }.mode-list b { font-size:var(--h3); }.mode-list p { font-size:var(--body); margin-top:2cqw; }
 .pro-heading { gap:3cqw; padding-bottom:4cqw; margin-bottom:3cqw; border-width:1px; }.pro-heading>span { font-size:4cqw; padding:2cqw; border-radius:1.5cqw; }.pro-heading strong { font-size:var(--h3); }
 .chapter-recap { gap:2cqw; margin:5cqw 0; }.chapter-recap a { gap:3cqw; padding:2cqw 3cqw; font-size:var(--body); border-width:1px; border-radius:1.5cqw; }.chapter-recap b { font-size:var(--small); }
 .final-counts { gap:6cqw; margin-top:4cqw; }.final-counts span { font-size:var(--small); }.final-counts b { font-size:6.7cqw; }
 .download-panel>strong { font-size:8cqw; margin-top:3cqw; }.download-panel p { font-size:var(--body); }.store-links { gap:3cqw; margin-top:4cqw; }.store-links a { font-size:var(--body); padding:3cqw 2cqw; border-width:1px; border-radius:2cqw; }
}