/* /booklist-stationery/ — "Exercise notebook": ruled paper with margin line, tick-box checklists, stationery tool tiles */
.p-booklist-stationery .pc--html{background:#EEF2F5}
.p-booklist-stationery .bl{position:relative;max-width:980px;margin:0 auto;padding:clamp(26px,4vw,48px) clamp(18px,4vw,48px) clamp(26px,4vw,48px) clamp(56px,8vw,96px);background:#fff;background-image:repeating-linear-gradient(transparent 0 33px,#DCE6EE 33px 34px);box-shadow:0 14px 34px rgb(0 0 0 / .1)}
.p-booklist-stationery .bl::before{content:"";position:absolute;left:clamp(40px,6vw,74px);top:0;bottom:0;width:2px;background:#E7A1A1}
.p-booklist-stationery .bl::after{content:"";position:absolute;left:clamp(12px,2vw,24px);top:40px;bottom:40px;width:16px;background:radial-gradient(circle,#EEF2F5 0 6px,transparent 6.5px) 0 0/16px 64px repeat-y}
.p-booklist-stationery .bl-head{margin-bottom:26px}
.p-booklist-stationery .bl-head h1{margin:0 0 12px;font-size:clamp(30px,4.2vw,46px);color:#1D3557}
.p-booklist-stationery .bl-lead{margin:0;font-size:18px;line-height:1.85}
.p-booklist-stationery .bl-sec{margin-bottom:30px}
.p-booklist-stationery .bl-sec h2{display:inline-block;margin:0 0 12px;padding:2px 10px;font-size:clamp(22px,2.4vw,27px);color:#1D3557;background:linear-gradient(transparent 55%,#FFE98A 55%)}
.p-booklist-stationery .bl-sec p,.p-booklist-stationery .bl-sec li{font-size:17px;line-height:1.85}
.p-booklist-stationery .bl-quote{margin:14px 0 0;padding:6px 0 6px 16px;border-left:3px solid #1D3557;font-family:var(--ff-head);font-size:22px;font-weight:600;color:#1D3557}
.p-booklist-stationery .bl-books{margin:0;padding:0;list-style:none;counter-reset:b}
.p-booklist-stationery .bl-books li{counter-increment:b;position:relative;padding:4px 0 4px 40px}
.p-booklist-stationery .bl-books li::before{content:counter(b) ".";position:absolute;left:0;top:4px;font-family:var(--ff-head);font-weight:800;font-size:20px;color:var(--maroon)}
.p-booklist-stationery .bl-advice{margin:10px 0 0;padding:8px 12px;background:#FFF8D6;border:1px dashed var(--brass)}
.p-booklist-stationery .bl-kit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.p-booklist-stationery .bl-kit li{position:relative;padding:22px 16px 14px;background:#fff;border:2px solid #1D3557;line-height:1.5}
.p-booklist-stationery .bl-kit li::before{content:"";position:absolute;left:16px;top:-9px;width:60px;height:14px;background:linear-gradient(90deg,#F2C14E 0 70%,#F4D6B0 70% 88%,#3A3A3A 88%);clip-path:polygon(0 0,80% 0,100% 50%,80% 100%,0 100%)}
.p-booklist-stationery .bl-kit li:nth-child(3n+2)::before{background:linear-gradient(90deg,#1D3557 0 70%,#F4D6B0 70% 88%,#3A3A3A 88%)}
.p-booklist-stationery .bl-kit li:nth-child(3n)::before{background:linear-gradient(90deg,var(--maroon) 0 70%,#F4D6B0 70% 88%,#3A3A3A 88%)}
.p-booklist-stationery .bl-kit strong{font-family:var(--ff-head);font-size:20px;color:#1D3557}
.p-booklist-stationery .bl-kit p{margin:4px 0 0;font-size:16px;line-height:1.5}
.p-booklist-stationery .bl-checks{margin:0;padding:0;list-style:none}
.p-booklist-stationery .bl-checks li{position:relative;padding:0 0 0 36px}
.p-booklist-stationery .bl-checks li::before{content:"";position:absolute;left:0;top:7px;width:20px;height:20px;border:2px solid #1D3557;background:#fff}
.p-booklist-stationery .bl-checks li::after{content:"";position:absolute;left:6px;top:9px;width:7px;height:12px;border:solid var(--maroon);border-width:0 3px 3px 0;transform:rotate(40deg)}
.p-booklist-stationery .bl-sec--final{padding:18px 20px;background:#1D3557;color:#E8EEF4}
.p-booklist-stationery .bl-sec--final h2{background:none;color:#FFE98A;padding:0}
.p-booklist-stationery .bl-sec--final p{color:#E8EEF4;line-height:1.7}
.p-booklist-stationery .bl-sec--final strong{color:#fff}
.p-booklist-stationery .bl-sec--final .bl-quote{color:#FFE98A;border-left-color:#FFE98A}
@media (max-width:760px){.p-booklist-stationery .bl-kit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .p-booklist-stationery .bl{padding:22px 14px 22px 44px}
  .p-booklist-stationery .bl::before{left:32px}
  .p-booklist-stationery .bl::after{left:8px;width:14px}
  .p-booklist-stationery .bl-kit{grid-template-columns:1fr}
}