.resource-breadcrumb { display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#647688;margin-bottom:28px; }
.resource-breadcrumb a { color:#2367ac; }.resource-breadcrumb a:hover { text-decoration:underline; }
.reader-header { display:grid;grid-template-columns:1.55fr 1fr;gap:48px;align-items:center;margin-bottom:40px; }
.reader-header h1 { font-family:Fredoka,Jakarta,sans-serif;color:#080808;font-size:52px;line-height:1.1;font-weight:600;letter-spacing:-.025em; }
.reader-header p { font-size:18px;line-height:1.65;margin-top:20px;max-width:620px; }
.reader-header span { display:block;color:#657382;margin-top:22px;font-size:13px; }
.reader-header>img { width:100%;height:260px;object-fit:cover;object-position:center;border-radius:24px; }
.reader-layout { display:grid;grid-template-columns:240px minmax(0,1fr);gap:50px;align-items:start; }
.reader-index { position:sticky;top:25px;background:#f3f6fb;border-radius:18px;padding:24px; }
.reader-index h2 { font-family:Fredoka,Jakarta,sans-serif;font-size:24px;font-weight:500;line-height:1.2;margin-bottom:16px; }
.reader-index nav { display:grid;gap:12px; }.reader-index a { font-size:13px;line-height:1.65; }.reader-index a:hover { color:#2367ac;text-decoration:underline; }
.reader-content { min-width:0;max-width:780px; }
.reader-content>section { margin-bottom:34px;scroll-margin-top:25px; }
.reader-content h2 { font-family:Fredoka,Jakarta,sans-serif;color:#080808;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.02em; }
.reader-content p { font-size:16px;line-height:1.85;margin-top:14px; }
.reader-checklist { padding:28px;background:#efecff;border-radius:20px; }
.reader-checklist label { display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.75;margin-top:16px;cursor:pointer; }
.reader-checklist input { flex-shrink:0;width:19px;height:19px;accent-color:#593f91;cursor:pointer;margin:4px 0 0; }
.reader-checklist input:focus-visible { outline:3px solid #2367ac;outline-offset:4px; }
.reader-content .reader-check-status { font-size:12px;min-height:24px;margin-top:18px;color:#62537f; }
.reader-next>p>a,.reader-back { color:#2367ac;text-decoration:underline;text-underline-offset:4px; }
.reader-next .button { margin-top:20px; }
.reader-content .reader-course-note { font-size:12px;margin-top:14px; }
.reader-back { display:block;width:fit-content;font-size:14px;margin-top:24px; }
@media(max-width:900px) { .reader-header { gap:28px;grid-template-columns:1.5fr 1fr; }.reader-header h1 { font-size:42px; }.reader-header p { font-size:16px; }.reader-header>img { height:230px; }.reader-layout { grid-template-columns:190px minmax(0,1fr);gap:28px; }.reader-index { padding:20px; }.reader-content h2 { font-size:26px; } }
@media(max-width:600px) { .reader-header { grid-template-columns:1fr;gap:24px; }.reader-header h1 { font-size:38px; }.reader-header>img { height:230px; }.reader-layout { grid-template-columns:1fr;gap:28px; }.reader-index { position:static; }.reader-content p { font-size:15px; }.reader-checklist { padding:24px; }.reader-checklist label { font-size:14px; } }