.basic-entry{padding:24px;border:1px solid var(--accent);border-radius:22px;background:linear-gradient(120deg,var(--card,#171714),#26342b);margin:20px 0;color:var(--text)}.basic-entry h2{margin:5px 0 10px;font-size:1.7em}.basic-entry p{color:var(--muted);margin:8px 0 18px}.basic-entry-art{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.basic-entry-art img{height:86px;width:100%;object-fit:contain;background:#faf8f0;border-radius:10px}.basic-entry .btn{width:100%;font-weight:800}.basic-overview{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:18px 0}.basic-overview strong{color:var(--accent);font-size:1.3em}.basic-progress{width:100%;height:9px;accent-color:var(--accent);margin:8px 0 24px}.basic-chapter{margin:20px 0 30px}.basic-chapter h2{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.basic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.basic-card{position:relative;background:var(--card,#171714);border:1px solid var(--line);border-radius:16px;color:var(--text);font:inherit;padding:0;overflow:hidden;cursor:pointer;text-align:start}.basic-card:hover{border-color:var(--accent)}.basic-card img{height:145px;width:100%;object-fit:contain;background:#faf8f0;padding:10px;box-sizing:border-box}.basic-card b{display:block;padding:12px 13px 2px}.basic-card small{display:block;padding:0 13px 14px;color:var(--muted)}.basic-done{position:absolute;top:8px;inset-inline-end:8px;color:#173425;background:#d8e9c9;border-radius:20px;padding:4px 9px;font-size:12px;font-weight:800}.basic-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.basic-meta>div{padding:16px;border:1px solid var(--line);border-radius:14px}.basic-meta h3{font-size:.85em;color:var(--accent);margin:0 0 6px}.basic-meta p{font-size:.94em;margin:0;line-height:1.65}.basic-view{border:1px solid var(--line);border-radius:20px;background:var(--card,#171714);overflow:hidden;margin:20px 0}.basic-view header{display:flex;justify-content:space-between;align-items:center;padding:18px}.basic-view header h2{font-size:1.1em;margin:0}.basic-view .basic-art{display:block;width:100%;height:345px;object-fit:contain;box-sizing:border-box;padding:20px;background:#faf8f0}.basic-copy{padding:20px;min-height:130px}.basic-copy h3{margin:0 0 8px;color:var(--accent);font-size:1.2em}.basic-copy p{margin:0;line-height:1.8}.basic-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 20px 18px}.basic-controls button{min-height:44px}.basic-controls .btn:disabled{opacity:.35}.basic-dots{display:flex;gap:6px;direction:ltr}.basic-dots button{width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer}.basic-dots button[aria-pressed=true]{background:var(--accent);color:#111}.basic-source{padding:0 20px 16px;font-size:11px;color:var(--muted);text-align:end}.basic-source a{color:inherit}.basic-review{padding:18px;border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:12px;margin:12px 0}.basic-review h3{margin:0 0 6px;font-size:1em}.basic-review p{margin:0;line-height:1.7}.basic-review.check{border-inline-start-color:#80ab76}.basic-all{margin:20px 0;border:1px solid var(--line);border-radius:14px;padding:16px}.basic-all summary{cursor:pointer;font-weight:700}.basic-all article{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.basic-all img{width:100%;height:260px;object-fit:contain;background:#faf8f0;border-radius:12px;padding:14px;box-sizing:border-box}.basic-all h3{margin:10px 0 5px}.basic-practice{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.basic-practice button{flex:1;min-width:160px}.basic-practice [aria-pressed=true]{background:#bdd3aa;color:#183024}.basic-small-note{font-size:.82em;color:var(--muted)}
@media(max-width:550px){.basic-entry{padding:16px}.basic-entry h2{font-size:1.45em}.basic-entry-art{gap:5px}.basic-entry-art img{height:70px;padding:4px;box-sizing:border-box}.basic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.basic-card img{height:115px}.basic-card b{font-size:15px}.basic-card small{font-size:12px}.basic-meta{grid-template-columns:1fr}.basic-view .basic-art{height:295px;padding:12px}.basic-copy{padding:16px;min-height:165px}.basic-controls{padding:0 12px 16px;gap:6px}.basic-controls .btn{padding:10px;font-size:14px}.basic-dots{gap:4px}.basic-dots button{width:29px;height:32px}.basic-all img{height:230px}.basic-entry-art img:first-child{padding:10px}}
body[data-mode=light] .basic-entry{background:linear-gradient(120deg,#f9f5e9,#dbe5ce)}body[data-mode=light] .basic-card,body[data-mode=light] .basic-view{background:#f8f5ed}