/* A small chapter, using the site's existing blue, rose and Caslon palette. */
#etl-poetry-chapter{--chapter-paper:#eaf4fb;--chapter-card:#fff;--chapter-ink:#292523;--chapter-muted:#646b70;--chapter-line:#cddce6;--chapter-rose:#d83e78;--chapter-soft:#f8fcff;--chapter-plum:#503c53;color:var(--chapter-ink);background:var(--chapter-paper);font-family:'DM Sans',system-ui,sans-serif;padding:clamp(20px,4vw,52px);overflow-wrap:break-word}
#etl-poetry-chapter *{box-sizing:border-box}
#etl-poetry-chapter [hidden]{display:none!important}
#etl-poetry-chapter .pc-brand{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(22px,3vw,30px);font-weight:400;margin:0}
#etl-poetry-chapter .pc-brand em{color:var(--chapter-rose)}
#etl-poetry-chapter .pc-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:26px}
#etl-poetry-chapter .pc-badge{color:var(--chapter-plum);font-size:14px;border:1px solid var(--chapter-line);border-radius:99px;background:var(--chapter-card);padding:8px 12px}
#etl-poetry-chapter .pc-heading{max-width:1160px;margin:0 auto 24px}
#etl-poetry-chapter .pc-eyebrow{font-size:14px;color:var(--chapter-rose);margin:0 0 10px}
#etl-poetry-chapter h1{font:400 clamp(36px,5vw,60px)/1.05 'Libre Caslon Display',Georgia,serif;letter-spacing:-.03em;margin:0 0 14px}
#etl-poetry-chapter h1 em{color:var(--chapter-rose)}
#etl-poetry-chapter .pc-intro{font-size:16px;line-height:1.65;color:var(--chapter-muted);max-width:700px;margin:0}
#etl-poetry-chapter .pc-picker{display:flex;flex-wrap:wrap;gap:8px;max-width:1160px;margin:24px auto}
#etl-poetry-chapter button{font:500 15px/1.35 'DM Sans',system-ui,sans-serif;min-height:44px;border:1px solid var(--chapter-line);border-radius:6px;background:var(--chapter-card);color:var(--chapter-ink);padding:10px 16px}
#etl-poetry-chapter button[aria-pressed=true],#etl-poetry-chapter button[aria-selected=true]{background:var(--chapter-plum);color:#fff;border-color:var(--chapter-plum)}
#etl-poetry-chapter button:disabled{opacity:.55}
#etl-poetry-chapter button:focus-visible,#etl-poetry-chapter textarea:focus-visible,#etl-poetry-chapter summary:focus-visible{outline:3px solid var(--chapter-rose);outline-offset:3px}
#etl-poetry-chapter .pc-lesson{max-width:1160px;margin:auto;padding:clamp(20px,4vw,44px);background:var(--chapter-card);border:1px solid var(--chapter-line);border-radius:8px}
#etl-poetry-chapter .pc-lesson-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
#etl-poetry-chapter h2{font:400 clamp(32px,4vw,48px)/1.1 'Libre Caslon Display',Georgia,serif;margin:0 0 8px;letter-spacing:-.02em}
#etl-poetry-chapter .pc-byline{font-size:14px;color:var(--chapter-muted);margin:0 0 14px}
#etl-poetry-chapter .pc-focus{font-size:16px;line-height:1.55;margin:0 0 20px}
#etl-poetry-chapter .pc-levels{display:flex;gap:6px}
#etl-poetry-chapter .pc-shared-text{font-size:14px;line-height:1.5;color:var(--chapter-muted);margin:0 0 22px}
#etl-poetry-chapter .pc-tabs{display:flex;flex-wrap:wrap;gap:6px;border-block:1px solid var(--chapter-line);padding:12px 0;margin:0 0 26px}
#etl-poetry-chapter .pc-tabs button{border-radius:99px}
#etl-poetry-chapter h3{font:400 28px/1.2 'Libre Caslon Display',Georgia,serif;margin:0 0 14px}
#etl-poetry-chapter p,#etl-poetry-chapter li{font-size:16px;line-height:1.65}
#etl-poetry-chapter .pc-context{margin:0 0 22px;max-width:800px;color:var(--chapter-muted)}
#etl-poetry-chapter .pc-poem{font:400 clamp(20px,2.2vw,25px)/1.7 'Libre Caslon Display',Georgia,serif;white-space:pre-wrap;overflow-wrap:break-word;background:#f7f5f1;border-left:3px solid var(--chapter-rose);padding:clamp(20px,4vw,38px);margin:0 0 16px}
#etl-poetry-chapter .pc-source{font-size:14px;color:var(--chapter-muted);margin:12px 0 24px}
#etl-poetry-chapter details{border-top:1px solid var(--chapter-line);padding:18px 0}
#etl-poetry-chapter summary{font-size:17px;font-weight:500;min-height:30px}
#etl-poetry-chapter details p{margin:14px 0 0}
#etl-poetry-chapter label{display:block;font-size:16px;font-weight:500;line-height:1.5;margin:22px 0 8px}
#etl-poetry-chapter textarea{display:block;width:100%;min-height:112px;resize:vertical;padding:14px;border:1px solid var(--chapter-line);border-radius:5px;background:var(--chapter-soft);color:var(--chapter-ink);font:400 16px/1.6 'DM Sans',system-ui,sans-serif}
#etl-poetry-chapter .pc-draft{min-height:220px}
#etl-poetry-chapter .pc-status{font-size:14px;color:var(--chapter-muted);margin:10px 0 0}
#etl-poetry-chapter .pc-question{border-bottom:1px solid var(--chapter-line);padding:20px 0}
#etl-poetry-chapter .pc-question:first-child{padding-top:0}
#etl-poetry-chapter .pc-word{font-weight:500;margin:0 0 6px}
#etl-poetry-chapter .pc-quote{font-style:italic;color:var(--chapter-muted);margin:0 0 14px}
#etl-poetry-chapter .pc-options{display:flex;gap:8px;flex-wrap:wrap}
#etl-poetry-chapter .pc-options button{flex:1 1 180px;text-align:left;font-weight:400}
#etl-poetry-chapter .pc-options button.pc-chosen{border:2px solid var(--chapter-plum);padding:9px 15px}
#etl-poetry-chapter .pc-options button.pc-correct{background:#e5f1e9;color:#234f36}
#etl-poetry-chapter .pc-feedback{margin:12px 0 0}
#etl-poetry-chapter .pc-quiz-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}
#etl-poetry-chapter .pc-support{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--chapter-soft);padding:20px;margin:24px 0}
#etl-poetry-chapter .pc-support h4{font-size:16px;margin:0 0 12px;font-weight:500}
#etl-poetry-chapter .pc-support ol,#etl-poetry-chapter .pc-support ul{margin:0;padding-left:22px}
#etl-poetry-chapter .pc-draft-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:22px 0 10px}
#etl-poetry-chapter .pc-draft-meta label{margin:0}
#etl-poetry-chapter .pc-key{margin-top:28px}
@media(max-width:600px){#etl-poetry-chapter{padding:20px 12px}#etl-poetry-chapter .pc-picker button{flex:1 1 100%;text-align:left}#etl-poetry-chapter .pc-lesson{padding:22px 16px}#etl-poetry-chapter .pc-support{grid-template-columns:1fr;gap:22px}#etl-poetry-chapter .pc-tabs button{flex:1 1 40%;padding:10px 8px}#etl-poetry-chapter .pc-options{flex-direction:column}#etl-poetry-chapter .pc-options button{flex:auto;width:100%}}
