.rl-guide{--rl-ink:#4a3a33;--rl-gold:#d8b36a;--rl-line:#dfd1bc;--rl-base:#f8f3ec;--rl-muted:#706156;color:var(--rl-ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:18px;line-height:1.85;isolation:isolate;text-align:left;max-width:1180px;margin:0 auto;overflow-wrap:anywhere}
.rl-guide *{box-sizing:border-box}.rl-guide [hidden]{display:none!important}.rl-guide h2,.rl-guide h3,.rl-guide h4,.rl-guide h5,.rl-guide p,.rl-guide figure{margin:0}.rl-guide button,.rl-guide input,.rl-guide select{font:inherit;letter-spacing:normal}.rl-guide button{cursor:pointer;text-transform:none;line-height:1.6;box-shadow:none}.rl-guide button:focus-visible,.rl-guide input:focus-visible,.rl-guide select:focus-visible,.rl-guide summary:focus-visible,.rl-guide a:focus-visible{outline:3px solid #806028;outline-offset:4px}.rl-guide a{color:#725023;text-decoration:underline;text-underline-offset:4px}.rl-guide p+p{margin-top:12px}.rl-guide h3:focus{outline:none}
.rl-guide .rl-shell{background:var(--rl-base);border:1px solid var(--rl-line);border-radius:24px;overflow:clip}.rl-guide .rl-hero{padding:64px 48px 48px;display:grid;grid-template-columns:1.7fr 1fr;gap:30px;background:radial-gradient(ellipse at 90% 10%,#efe0c4,transparent 60%),linear-gradient(120deg,#fffdf9,#f4eade);position:relative}.rl-guide .rl-eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;color:#85683d}.rl-guide .rl-edition{font-size:14px;margin:8px 0 25px;letter-spacing:.12em}.rl-guide .rl-hero h2{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(28px,3.4vw,44px);line-height:1.6;font-weight:600;letter-spacing:.03em}.rl-guide .rl-hero em{font-style:normal;color:#85602f}.rl-guide .rl-lead{font-size:18px;margin-top:20px;line-height:2}.rl-guide .rl-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 20px}.rl-guide .rl-hero-actions .rl-link{background:#fffdf9;border:1px solid #bb9c64;border-radius:50px;padding:12px 20px;text-decoration:none;font-size:15px}.rl-guide .rl-hero-actions .rl-link:first-child{background:#574337;color:white;border-color:#574337}.rl-guide .rl-hero-aside{border:1px solid #cfb782;border-radius:130px 130px 16px 16px;align-self:center;text-align:center;padding:24px 15px;background:#fffdf880;box-shadow:0 12px 30px #9578490c}.rl-guide .rl-hero-aside p{font-size:15px}.rl-guide .rl-motif{display:block;font-family:Georgia,serif;font-size:75px;line-height:1.2;color:#aa8248;margin:5px auto 28px}.rl-guide .rl-motif span{display:block;font-size:13px;letter-spacing:.08em}.rl-guide .rl-meta{font-size:12px;color:var(--rl-muted)}
.rl-guide .rl-nav{background:#fffdfa;border-top:1px solid var(--rl-line);border-bottom:1px solid var(--rl-line)}.rl-guide .rl-tabs{display:flex;overflow-x:auto;gap:0;scrollbar-width:thin;padding:0 12px}.rl-guide .rl-tabs button{flex:1 0 auto;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--rl-muted);font-size:15px;font-weight:700;padding:16px 13px 13px;white-space:nowrap;border-radius:0;min-height:70px}.rl-guide .rl-tabs small{display:block;color:#92774e;font-size:10px;letter-spacing:.1em}.rl-guide .rl-tabs button[aria-selected=true]{border-bottom-color:#a47b38;background:#f7f0e4;color:#4a3a33}.rl-guide .rl-tabs button:hover{background:#faf4ea}
.rl-guide .rl-body{padding:32px 36px 36px}.rl-guide .rl-start-panel{border:1px solid var(--rl-line);border-radius:12px;padding:22px 24px;background:#fffdfa}.rl-guide .rl-start-panel strong{font-size:19px}.rl-guide .rl-start-panel p{font-size:16px;margin-top:8px}.rl-guide .rl-start-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}.rl-guide .rl-link{background:transparent;border:0;color:#715025;padding:5px 0;font-size:15px;text-decoration:underline;text-underline-offset:5px;text-align:left;min-height:44px}.rl-guide .rl-legend{margin:20px 0;color:var(--rl-muted);font-size:14px}.rl-guide summary{cursor:pointer;min-height:44px}.rl-guide .rl-legend p{margin-top:8px}.rl-guide .rl-tools{display:flex;align-items:end;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rl-line);padding-top:22px}.rl-guide .rl-tools label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.rl-guide .rl-tools label:first-child{flex:1;min-width:200px}.rl-guide input[type=search],.rl-guide select{width:100%;min-height:48px;border:1px solid #c3b5a2;border-radius:8px;background:#fffdfb;color:var(--rl-ink);padding:10px 12px;font-size:16px}.rl-guide .rl-results{font-size:13px;color:var(--rl-muted);padding-top:12px}.rl-guide .rl-page-heading{margin:32px 0 24px;scroll-margin-top:30px}.rl-guide .rl-page-heading h3{font-family:"Yu Mincho",serif;font-size:clamp(24px,2.8vw,32px);line-height:1.6;margin:10px 0}.rl-guide .rl-page-heading>p:last-child{font-size:16px;color:var(--rl-muted)}.rl-guide .rl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.rl-guide .rl-card{border:1px solid var(--rl-line);border-radius:14px;background:#fffdfb;padding:24px;scroll-margin-top:24px;min-width:0}.rl-guide .rl-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.rl-guide .rl-rank{font-size:12px;font-weight:bold;background:#f2e7d2;color:#705027;padding:3px 10px;border-radius:20px}.rl-guide .rl-card h4{font-size:21px;line-height:1.7;font-weight:700;margin-bottom:10px}.rl-guide .rl-card>p{font-size:16px;color:var(--rl-muted)}.rl-guide .rl-stars{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12px;color:var(--rl-muted);margin:16px 0}.rl-guide .rl-stars b{font-size:15px;color:#916817;letter-spacing:1px}.rl-guide .rl-card details{margin-top:16px;border-top:1px solid #e9dfd0}.rl-guide .rl-card summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0 0;color:#725023;font-size:15px;font-weight:bold;list-style:none}.rl-guide .rl-card summary::-webkit-details-marker{display:none}.rl-guide .rl-card details[open]>summary span{transform:rotate(45deg)}.rl-guide .rl-detail section{margin-top:22px}.rl-guide .rl-detail h5,.rl-guide .rl-tutorial h5{font-size:17px;line-height:1.7;font-weight:700;border-left:3px solid var(--rl-gold);padding-left:10px;margin-bottom:10px}.rl-guide .rl-detail p{font-size:17px;line-height:1.95}.rl-guide .rl-lesson-note{background:#f7f2e9;padding:14px;border-radius:8px;margin-top:24px}.rl-guide .rl-lesson-note p,.rl-guide .rl-lesson-note a{font-size:12px}.rl-guide figure{margin-top:20px}.rl-guide img{max-width:100%;height:auto;border:1px solid var(--rl-line);border-radius:8px;display:block}.rl-guide figcaption{font-size:12px;color:var(--rl-muted);margin-top:8px}.rl-guide .rl-coming{font-size:15px;padding:18px;background:#ece5d9;border-radius:10px;margin:0 0 24px}.rl-guide .rl-empty{padding:30px;background:#fffdf9;border-radius:10px}
.rl-guide .rl-button{background:#574337;color:#fff;border:1px solid #574337;border-radius:8px;font-size:15px;font-weight:700;padding:12px 18px;min-height:48px}.rl-guide .rl-button:hover{background:#72563d}.rl-guide .rl-question fieldset{padding:0;margin:18px 0;border:0;min-width:0}.rl-guide .rl-question legend{font-size:13px;font-weight:700;margin-bottom:10px}.rl-guide .rl-choice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--rl-line);border-radius:8px;padding:12px;margin-bottom:10px;cursor:pointer;font-size:16px;background:#fff}.rl-guide .rl-choice input{flex:0 0 auto;width:20px;height:20px;margin:5px 0 0;accent-color:#725023}.rl-guide .rl-choice:has(input:checked){background:#f3e8d5;border-color:#a58247}.rl-guide .rl-feedback{font-size:15px;margin-top:14px}.rl-guide .rl-answer{border-top:1px solid var(--rl-line);padding-top:20px;margin-top:20px;font-size:16px}.rl-guide .rl-answer-title{font-weight:bold}.rl-guide .rl-tutorial{background:#f6efe3;border-radius:10px;padding:18px;margin:18px 0}.rl-guide .rl-tutorial ol{padding-left:24px;margin:12px 0}.rl-guide .rl-tutorial li+li{margin-top:10px}.rl-guide .rl-quiz-progress{font-size:14px;color:var(--rl-muted);margin-bottom:10px}.rl-guide .rl-return{position:sticky;bottom:12px;z-index:2;margin-top:25px;border:1px solid #bd9d68;border-radius:12px;background:#fffdf9;padding:14px 20px;box-shadow:0 5px 24px #4a3a3320;display:flex;justify-content:space-between;gap:20px;align-items:center}.rl-guide .rl-return p{font-size:14px}.rl-guide .rl-footer{margin-top:42px;border-top:1px solid var(--rl-line);padding-top:24px;color:var(--rl-muted);font-size:12px}.rl-guide .rl-footer strong{font-size:14px;color:var(--rl-ink)}.rl-guide .rl-footer details{margin-top:20px}.rl-guide .rl-footer summary{font-size:14px}.rl-guide .rl-footer details p{margin-top:10px}
@media(max-width:700px){.rl-guide .rl-shell{border-radius:14px}.rl-guide .rl-hero{padding:32px 22px;grid-template-columns:1fr;gap:18px}.rl-guide .rl-hero-aside{display:none}.rl-guide .rl-hero h2{font-size:29px}.rl-guide .rl-lead{font-size:16px}.rl-guide .rl-hero-actions{gap:8px}.rl-guide .rl-hero-actions .rl-link{font-size:13px;padding:10px 15px}.rl-guide .rl-tabs{padding:0 6px}.rl-guide .rl-tabs button{font-size:14px;padding:12px 15px;min-height:66px}.rl-guide .rl-body{padding:22px 16px}.rl-guide .rl-start-panel{padding:18px}.rl-guide .rl-tools{gap:12px}.rl-guide .rl-tools label:first-child{flex-basis:100%}.rl-guide .rl-tools label:nth-child(2){flex:1}.rl-guide .rl-grid{grid-template-columns:1fr;gap:16px}.rl-guide .rl-card{padding:22px 20px}.rl-guide .rl-detail p{font-size:18px}.rl-guide .rl-return{flex-direction:column;align-items:stretch;gap:10px;bottom:6px}.rl-guide .rl-return .rl-button{text-align:center}.rl-guide .rl-page-heading h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.rl-guide *{scroll-behavior:auto!important;transition:none!important}}
@media print{.rl-guide .rl-tools,.rl-guide .rl-nav,.rl-guide .rl-hero-actions,.rl-guide .rl-return{display:none}.rl-guide .rl-page[hidden],.rl-guide .rl-card[hidden]{display:block!important}.rl-guide .rl-grid{display:block}.rl-guide .rl-card{break-inside:avoid;margin-bottom:14px}.rl-guide .rl-hero{padding:24px}}
.rl-guide .rl-hero em span{display:inline-block}@media(max-width:700px){.rl-guide .rl-hero h2{font-size:26px}.rl-guide .rl-hero em span{display:block}}
.rl-guide .rl-nav{position:sticky;top:0;z-index:3}.rl-guide .rl-card,.rl-guide .rl-page-heading{scroll-margin-top:110px}.admin-bar .rl-guide .rl-nav{top:32px}@media(max-width:782px){.admin-bar .rl-guide .rl-nav{top:46px}}
/* v1.0.1: isolate guide headings from WordPress theme decorations (SWELL etc.). */
.rl-guide.rl-guide h2,
.rl-guide.rl-guide h3,
.rl-guide.rl-guide h4,
.rl-guide.rl-guide h5 {
 background: none !important;
 color: var(--rl-ink, #4a3a33) !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 text-shadow: none !important;
 padding: 0 !important;
 min-height: 0 !important;
 transform: none !important;
}
.rl-guide.rl-guide h2::before,.rl-guide.rl-guide h2::after,
.rl-guide.rl-guide h3::before,.rl-guide.rl-guide h3::after,
.rl-guide.rl-guide h4::before,.rl-guide.rl-guide h4::after,
.rl-guide.rl-guide h5::before,.rl-guide.rl-guide h5::after {
 content: none !important;
 display: none !important;
 border: 0 !important;
 background: none !important;
 box-shadow: none !important;
}
.rl-guide.rl-guide .rl-hero h2 em { color: #85602f !important; }
.rl-guide.rl-guide .rl-detail h5,
.rl-guide.rl-guide .rl-tutorial h5 {
 border-left: 3px solid var(--rl-gold, #d8b36a) !important;
 padding-left: 10px !important;
}
/* v1.0.2: read every topic in a full-width, single-column sequence. */
.rl-guide.rl-guide .rl-grid {
 grid-template-columns: minmax(0, 1fr) !important;
}
.rl-guide.rl-guide .rl-grid > .rl-card {
 width: 100%;
 max-width: none;
 min-width: 0;
}
.rl-guide .rl-screen{margin:20px 0 28px}.rl-guide .rl-screen img{width:100%;height:auto}.rl-guide .rl-image-zoom{display:inline-block;padding:10px 0;font-size:15px;min-height:44px}

/* Supplied official logo: preserve its original white/gold artwork. */
.rl-guide .rl-brand-logo{position:absolute;top:24px;right:32px;width:210px;box-sizing:border-box;padding:9px 16px;background:#4a3a33;border:1px solid #d8b36a;border-radius:10px;line-height:0}
.rl-guide .rl-brand-logo img{display:block;width:100%;height:auto;max-width:100%;margin:0;border:0;box-shadow:none}
.rl-guide .rl-motif{font-size:clamp(46px,5vw,65px);letter-spacing:.02em}
@media(max-width:700px){.rl-guide .rl-brand-logo{position:static;justify-self:end;width:170px;padding:7px 12px;margin-bottom:0}.rl-guide .rl-hero{padding-top:20px}}

.rl-guide .rl-lea-banner{margin:24px 0 30px;padding:0}.rl-guide .rl-lea-banner img{display:block;width:100%;height:auto;border:1px solid #d8b36a;border-radius:14px;box-sizing:border-box}.rl-guide .rl-lea-banner figcaption{font-size:13px;line-height:1.7;color:var(--rl-muted);margin-top:10px}@media(max-width:700px){.rl-guide .rl-lea-banner{margin:20px 0}.rl-guide .rl-lea-banner img{border-radius:10px}}

/* Canva first view, supplied by the site owner. */
.rl-guide .rl-canva-hero{padding:0;background:#fffdf9;position:relative}
.rl-guide .rl-canva-frame{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;background:#f8f3ec;box-shadow:0 2px 8px rgba(63,69,81,.16)}
.rl-guide .rl-canva-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;margin:0}
.rl-guide .rl-canva-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 32px}
.rl-guide .rl-canva-toolbar .rl-hero-actions{margin:0}
.rl-guide .rl-canva-view{font-size:14px;color:#85602f;text-underline-offset:4px}
.rl-guide.rl-guide .rl-accessible-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.rl-guide .rl-canva-toolbar{padding:16px;gap:12px}.rl-guide .rl-canva-view{font-size:14px}}

/* Category landing: tabs remain visible above the first-view illustration. */
.rl-guide .rl-lea-banner{margin:0 0 24px;scroll-margin-top:100px}
.rl-guide .rl-page-heading{margin-bottom:24px}
@media(max-width:700px){.rl-guide .rl-lea-banner{margin:0 0 20px}.rl-guide .rl-page-heading{margin-bottom:20px}}

/* Explanation supplements: no extra quizzes, no mandatory numbered workflow. */
.rl-guide .rl-location-help{margin:24px 0 32px}
.rl-guide .rl-location-help figcaption{font-size:16px;line-height:1.9;margin-top:14px}
.rl-guide .rl-location-help figcaption strong{font-size:18px;color:#4a3a33}
.rl-guide .rl-location-help figcaption p{font-size:16px;line-height:1.9;margin:6px 0}
.rl-guide .rl-location-help figcaption .rl-meta{font-size:12px;color:var(--rl-muted)}
@keyframes rl-soft-appear{from{opacity:.15}to{opacity:1}}
.rl-guide .rl-page:not([hidden])>[data-category-hero]{animation:rl-soft-appear .28s ease-out}
.rl-guide .rl-card details[open]>.rl-detail{animation:rl-soft-appear .2s ease-out}
.rl-guide .rl-link,.rl-guide .rl-button,.rl-guide .rl-tabs button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.rl-guide button:focus-visible,.rl-guide summary:focus-visible,.rl-guide a:focus-visible{outline:3px solid #a78243;outline-offset:4px}
@media(hover:hover){.rl-guide .rl-link:hover,.rl-guide .rl-button:hover{box-shadow:0 3px 9px #4a3a3318}}
@media(prefers-reduced-motion:reduce){.rl-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
