.materials-hero{padding:30px 0 22px;background:radial-gradient(circle at 92% 0,#fff0c8 0,transparent 31%),linear-gradient(180deg,#fffdf8 0%,#fbf8f2 100%);overflow:hidden}
.materials-hero-inner{display:grid;gap:18px;align-items:center}
.materials-hero-copy h1{font-size:clamp(38px,11vw,66px);margin:10px 0 14px}
.materials-hero-copy p{font-size:16px;color:#5d6473;max-width:690px;margin:0;line-height:1.68}
.materials-hero-note{justify-self:start;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px 15px;box-shadow:var(--shadow-sm);transform:rotate(-1.5deg)}
.materials-hero-note>span{grid-row:1/3;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--gold-soft);font-family:'Neucha',sans-serif;font-size:36px;color:#9b6e08}
.materials-hero-note strong{align-self:end;color:var(--navy);font-size:15px}.materials-hero-note small{align-self:start;color:#737786;font-size:11px}
.materials-section{padding:34px 0 68px}
.materials-intro{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;margin-bottom:20px;display:grid;gap:7px;box-shadow:0 7px 20px rgba(31,45,76,.04)}
.materials-intro strong{font-size:16px;color:var(--navy)}.materials-intro p{margin:0;color:#646b78;font-size:13px;line-height:1.62}
.materials-grid{display:grid;gap:14px}
.material-card{display:grid;grid-template-columns:108px 1fr;min-height:145px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(31,45,76,.045);transition:.2s ease}
.material-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.material-cover{background:#edf1f4;overflow:hidden;position:relative}
.material-cover img{width:100%;height:100%;object-fit:cover}
.material-cover-placeholder{width:100%;height:100%;min-height:145px;display:grid;align-content:end;padding:12px;color:#fff;background:linear-gradient(145deg,#203c6f,#54739c);position:relative;overflow:hidden}
.material-cover-placeholder::before,.material-cover-placeholder::after{content:'';position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%}
.material-cover-placeholder::before{width:120px;height:120px;right:-58px;top:-46px}.material-cover-placeholder::after{width:75px;height:75px;left:-30px;bottom:20px}
.material-cover-placeholder small{font-size:10px;opacity:.76;position:relative}.material-cover-placeholder strong{font-size:15px;line-height:1.05;position:relative}
.material-card-body{padding:14px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.material-card-body h2{font-size:19px;margin:0 0 6px}.material-card-body p{font-size:12px;line-height:1.45;color:#6c7180;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.material-card-link{display:inline-flex;align-items:center;gap:7px;color:var(--navy);font-size:12px;font-weight:800}.material-card-link::after{content:'→'}
.material-detail{padding:28px 0 72px}
.material-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:var(--navy);font-size:13px;font-weight:800}
.material-book-head{display:grid;grid-template-columns:98px 1fr;gap:15px;align-items:center;margin-bottom:18px}
.material-book-cover{aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:#edf1f4;box-shadow:var(--shadow-sm)}
.material-book-cover img{width:100%;height:100%;object-fit:cover}.material-book-cover .material-cover-placeholder{min-height:100%;padding:10px}
.material-book-title .kicker{margin-bottom:8px}.material-book-title h1{font-size:clamp(29px,8vw,45px);margin:0 0 7px}.material-theme{font-size:12px;color:#6b7180;line-height:1.5;margin:0}
.parent-note{background:linear-gradient(135deg,#fff9e8,#fff);border:1px solid #eddca9;border-radius:22px;padding:17px;margin:0 0 19px}
.parent-note strong{display:block;color:#775b15;font-size:14px;margin-bottom:5px}.parent-note p{font-size:13px;color:#696151;line-height:1.62;margin:0}
.question-list{counter-reset:q;display:grid;gap:12px}
.question-card{counter-increment:q;background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:0 6px 18px rgba(31,45,76,.035)}
.question-line{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.question-line::before{content:counter(q);width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;font-size:13px}
.question-text{font-size:16px;line-height:1.53;font-weight:650;letter-spacing:-.015em;margin:2px 0 0}
.parent-hint{margin:13px 0 0 50px;border-top:1px solid #ece7dc;padding-top:10px}
.parent-hint summary{list-style:none;cursor:pointer;color:#657184;font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:6px}.parent-hint summary::-webkit-details-marker{display:none}.parent-hint summary::after{content:'↓';transition:.2s}.parent-hint[open] summary::after{transform:rotate(180deg)}
.parent-hint p{font-size:12.5px;line-height:1.62;color:#717582;margin:9px 0 1px;font-style:italic}
.takeaway{margin-top:18px;border-radius:24px;padding:20px;background:linear-gradient(135deg,#eef6fb,#fff8df);border:1px solid #dfe5dc}.takeaway span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8a6c1d;margin-bottom:8px}.takeaway blockquote{font-family:'Neucha','Onest',sans-serif;font-size:27px;line-height:1.14;color:var(--navy);margin:0}
.material-bottom{margin-top:22px;display:grid;gap:9px}.material-bottom .btn{width:100%}
@media (min-width:720px){
  .materials-hero{padding:46px 0 34px}.materials-hero-inner{grid-template-columns:1.25fr .75fr;gap:34px}.materials-hero-note{justify-self:end}.materials-hero-copy p{font-size:18px}
  .materials-section{padding:46px 0 88px}.materials-grid{grid-template-columns:repeat(2,1fr);gap:18px}.material-card{grid-template-columns:150px 1fr;min-height:185px}.material-cover-placeholder{min-height:185px;padding:16px}.material-card-body{padding:18px}.material-card-body h2{font-size:22px}.material-card-body p{font-size:13px}
  .material-detail{padding:42px 0 90px}.material-detail>.container{max-width:870px}.material-book-head{grid-template-columns:150px 1fr;gap:24px}.material-book-cover{border-radius:26px}.material-theme{font-size:14px}.parent-note{padding:20px}.parent-note p{font-size:14px}.question-card{padding:21px}.question-text{font-size:18px}.parent-hint p{font-size:13.5px}.material-bottom{grid-template-columns:auto auto;justify-content:start}.material-bottom .btn{width:auto}
}
@media (min-width:1040px){.materials-grid{grid-template-columns:repeat(3,1fr)}.material-card{display:block}.material-cover{aspect-ratio:1/1}.material-cover-placeholder{min-height:100%}.material-card-body{min-height:190px;justify-content:flex-start}.material-card-body h2{font-size:21px}}