.rl-learn,.rl-reader{--rl-bg:#f7f6ef;--rl-panel:#fffef9;--rl-ink:#263a30;--rl-muted:#576258;--rl-line:#d8ddd3;--rl-accent:#35543d;--rl-soft:#e9eee2;font-family:Manrope,Switzer,Arial,sans-serif;color:var(--rl-ink)}
[data-theme=dark] .rl-learn,[data-theme=dark] .rl-reader{--rl-bg:#1a251e;--rl-panel:#202e25;--rl-ink:#f1f3e9;--rl-muted:#bcc9bc;--rl-line:#48584b;--rl-accent:#d1dfbd;--rl-soft:#314334}
.rl-learn *,.rl-reader *{box-sizing:border-box}.rl-learn button,.rl-reader button,.rl-learn input{font:inherit}.rl-learn button,.rl-reader button{cursor:pointer}.rl-learn button:focus-visible,.rl-reader button:focus-visible,.rl-learn input:focus-visible,.rl-reader a:focus-visible{outline:3px solid #bc984d;outline-offset:3px}
.rl-learn{margin-top:24px}.rl-learn-hero{display:grid;grid-template-columns:1.8fr 1fr;background:var(--rl-soft);border-radius:20px;overflow:hidden;margin-bottom:24px}.rl-learn-hero>div{padding:32px}.rl-learn-hero h2{font:400 clamp(26px,3vw,36px)/1.12 Fraunces,Georgia,serif;letter-spacing:-.02em;margin:12px 0}.rl-learn-hero p{max-width:620px;font-size:16px;line-height:1.65;margin:16px 0}.rl-learn-hero>img{height:100%;min-height:260px;width:100%;object-fit:cover}.rl-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.rl-library-note{font-size:12px!important;color:var(--rl-muted);line-height:1.6;display:block;margin:16px 0}
.rl-search{display:grid;gap:8px;font-size:14px;font-weight:600}.rl-search input{width:100%;border:1px solid var(--rl-line);border-radius:12px;padding:16px;background:var(--rl-panel);color:var(--rl-ink);font-size:16px}.rl-topics{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.rl-topics button{min-height:44px;padding:8px 16px;border:1px solid var(--rl-line);border-radius:24px;background:var(--rl-panel);color:var(--rl-ink);font-size:13px}.rl-topics [aria-pressed=true]{background:var(--rl-accent);color:var(--rl-bg)}.rl-result-count{font-size:13px;color:var(--rl-muted)}
.rl-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rl-guide-card{display:flex;flex-direction:column;gap:12px;text-align:left;background:var(--rl-panel);border:1px solid var(--rl-line);border-radius:16px;padding:20px;color:var(--rl-ink);transition:transform .18s,border-color .18s}.rl-guide-card:hover{transform:translateY(-3px);border-color:var(--rl-accent)}.rl-guide-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--rl-muted)}.rl-guide-top span:first-child{max-width:75%}.rl-card-visual{height:132px;border-radius:12px;overflow:hidden;position:relative;background:var(--rl-soft);display:flex;align-items:center;padding:16px}.rl-card-visual img{position:absolute;right:0;top:0;height:100%;width:40%;object-fit:cover;opacity:.5;mask-image:linear-gradient(to right,transparent,#000)}.rl-card-visual strong{font:400 28px/1.1 Fraunces,Georgia,serif;z-index:1;max-width:85%}.rl-card-visual small{display:block;font:400 12px/1.5 Manrope,Arial,sans-serif;margin-top:8px;max-width:190px}.rl-guide-card h3{font-size:18px;line-height:1.35;margin:0}.rl-guide-card p{font-size:14px;color:var(--rl-muted);line-height:1.6;margin:0}.rl-guide-bottom{margin-top:auto;padding-top:12px;font-size:12px;color:var(--rl-accent)}.rl-guide-empty{grid-column:1/-1;padding:32px;background:var(--rl-soft);border-radius:12px}
.rl-reader{width:min(780px,calc(100vw - 24px));max-width:none;height:min(900px,calc(100dvh - 24px));max-height:none;margin:auto;padding:0;border:1px solid var(--rl-line);border-radius:20px;background:var(--rl-bg);overflow:hidden}.rl-reader[open]{display:flex;flex-direction:column}.rl-reader::backdrop{background:#172b23a8;backdrop-filter:blur(4px)}.rl-reader>header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid var(--rl-line);font-size:13px;flex-shrink:0}.rl-reader button[data-guide-close]{min-height:44px;border:1px solid var(--rl-line);border-radius:8px;padding:8px 16px;background:var(--rl-panel);color:var(--rl-ink)}.rl-reader header button{font-size:24px!important}.rl-reader-scroll{overflow-y:auto;min-height:0;padding:28px}.rl-reader-intro h2{font:400 clamp(28px,4vw,38px)/1.12 Fraunces,Georgia,serif;letter-spacing:-.02em;margin:12px 0 16px}.rl-reader p{font-size:16px;line-height:1.75;margin:12px 0;color:var(--rl-muted)}.rl-reader h3{font-size:19px;line-height:1.3;margin:16px 0 8px}.rl-concept{margin:24px 0}.rl-concept>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rl-line);border-radius:16px;overflow:hidden}.rl-concept section{display:grid;align-content:start;gap:12px;padding:20px;background:var(--rl-soft)}.rl-concept section+section{border-left:1px solid var(--rl-line)}.rl-concept strong{font:400 27px/1.15 Fraunces,Georgia,serif;overflow-wrap:anywhere}.rl-concept-order{font-size:12px;letter-spacing:.12em;color:var(--rl-muted)}.rl-concept section>span:last-child{font-size:13px;line-height:1.5}.rl-concept figcaption{font-size:12px;color:var(--rl-muted);margin-top:8px}.rl-source{color:var(--rl-accent)!important;text-decoration:underline;text-underline-offset:3px;font-size:12px;white-space:normal;line-height:1.6}.rl-explainer{margin:24px 0}.rl-action,.rl-quiz,.rl-caution{padding:24px;border-radius:16px;margin:24px 0;border:1px solid var(--rl-line);background:var(--rl-panel)}.rl-action{background:var(--rl-soft)}.rl-reader small{font-size:12px;line-height:1.5;color:var(--rl-muted)}.rl-answers{display:grid;gap:8px;margin-top:16px}.rl-answers button{padding:16px;text-align:left;border:1px solid var(--rl-line);border-radius:12px;background:var(--rl-bg);color:var(--rl-ink);min-height:48px;font-size:15px}.rl-answers [aria-pressed=true]{border-color:var(--rl-accent);background:var(--rl-soft)}.rl-caution p{font-size:14px}.rl-reader footer{border-top:1px solid var(--rl-line);padding-top:16px}.rl-reader footer p{font-size:12px}.rl-reader footer button{display:block;margin-top:20px}
@media(max-width:1000px){.rl-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rl-learn-hero{grid-template-columns:1fr}.rl-learn-hero>div{padding:24px}.rl-learn-hero>img{height:140px;min-height:0}.rl-guide-grid{grid-template-columns:1fr}.rl-reader-scroll{padding:20px}.rl-concept>div{grid-template-columns:1fr}.rl-concept section+section{border-left:0;border-top:1px solid var(--rl-line)}.rl-concept section{grid-template-columns:32px 1fr;gap:8px 12px;padding:16px}.rl-concept section>span:last-child{grid-column:2}.rl-concept strong{font-size:24px}.rl-reader>header{padding:8px 16px}.rl-action,.rl-quiz,.rl-caution{padding:20px}}
@media(prefers-reduced-motion:reduce){.rl-guide-card{transition:none}}
