/* SHEILA Self Note: the supplied cover image, yellow binding and warm paper. */
:root{--ink:#292720;--muted:#81786a;--paper:#faf6eb;--line:#e2d9c5;--green:#9d7411;--lime:#ffcf18;--white:#fffdf6;--orange:#cd6c32;--pink:#f7e8db}
body{background:#f5efdf;background-image:repeating-linear-gradient(0deg,#ab8a4310 0,#ab8a4310 1px,transparent 1px,transparent 5px);color:var(--ink)}
.topbar{background:#fffdf4;border-top:9px solid #292722;height:96px;border-bottom:1px solid #d9cba9}.brandmark{background:#ffcc12;color:#25241f;border-radius:4px;box-shadow:2px 2px 0 #292720}.brand{letter-spacing:.025em}.brand small{color:#8d7432}.toplinks #saveStatus{color:#897c61}
.shell{background:#fffcf5;box-shadow:0 0 60px #55421a0a}.sidebar{background:#2c2a25;color:#f4eddd;border-color:#24221f;position:relative}.sidebar:before{content:'';position:absolute;top:0;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,#5b5647 0,#5b5647 2px,#25231f 2px,#25231f 13px)}.sidebar>.eyebrow{color:#cbbd9c}.sidebar nav button{color:#ddd5c2;border-radius:5px}.navnum{color:#a89975}.sidebar nav button.active{background:#ffcf18;color:#29251c;box-shadow:3px 3px 0 #151411}.sidebar nav button.active .navnum{color:#6e5412}.sidebar nav small{color:inherit}.sidebottom{color:#c0b494}.sidebottom .outline{color:#f7e6ab;border-color:#796d4c}.track{background:#55503e}.track i{background:#ffcc16}.sidebottom .progress-label strong{color:#ffcf18}
main{background:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),#eadfca calc(100% - 1px))}.breadcrumb{color:#958260}.tag{background:#ffe69a;color:#6b5014;border-radius:3px;padding:5px 10px;box-shadow:1px 2px 0 #dfc26a33}.hero{grid-template-columns:1.15fr 1fr;gap:30px;padding-bottom:32px}.hero h1{font-size:43px;line-height:1.36;color:#292720}.hero h1 em{color:#9c6b0a;background:linear-gradient(transparent 65%,#ffda4580 65%,#ffda4580 94%,transparent 94%)}.hero p{color:#877961}.hero-art{padding:0;background:#ebd2a0;border:1px solid #d7bf8c;border-radius:5px;overflow:hidden;min-height:0;display:block;box-shadow:7px 7px 0 #e9dfc6;transform:rotate(1deg)}.hero-cover{display:block;width:100%;height:345px;object-fit:cover;object-position:center top}.cover-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#292720;color:#f9d64d;font-size:10px;font-weight:700;letter-spacing:.12em;padding:12px 15px}
button{border-radius:5px;background:#f0eadb}.primary{color:#302710;background:#ffd023;border:1px solid #e5ae00;border-bottom:3px solid #b88900}.outline{border-color:#d8c69b;background:#fffdf6;color:#6c5626}.quiet{background:transparent;color:#7f652d}.stats{background:#fffdf6;border-radius:6px;border-top:5px solid #333028;box-shadow:3px 3px 0 #e5dbc4;padding-top:21px}.stat strong{color:#3a3020}.stat span{color:#94805e}.sectionhead h2:before{content:'';display:inline-block;width:6px;height:18px;background:#f5bf16;margin-right:10px;vertical-align:-2px}.card{background:#fffef9;border-radius:7px;box-shadow:3px 3px 0 #e9dfcc66;border-color:#e0d6c1}.card h3{color:#49391d}.card summary{cursor:pointer}.diagram-card{background:#fffdf6;border-color:#dcd0b7;border-radius:6px;box-shadow:2px 3px 0 #e7dbc4}.thumb{background:#f3ecd8;border-bottom:1px solid #e5d9bf}.diagram-card small{color:#a97a13}.diagram-card strong{color:#3c301d}.diagram-card p{color:#9a845c}.notice{background:#fff1be;color:#6d572a;border-left:3px solid #f4bf13;border-radius:4px}.notice.warn{background:#fff0df;border-left-color:#d78938;color:#875728}.page-title{color:#30291d}.lead{color:#8c7b5b}.option{background:#fffcf2;border-color:#e3d6b9;border-radius:5px}.option:has(input:checked){background:#fff0ad;border-color:#d7a818}.option input,.rubric-choice input{accent-color:#b98708}.question{border-color:#e7dcc5}.subnav button{background:#f0e8d2;color:#796337}.subnav button.active{background:#343027;color:#ffd944}.passage{background:#fcf3d8;border:1px solid #e6d5ab;border-radius:6px;border-top:8px solid #343027}.passage p{color:#483b25}.passage .source{border-color:#e0cca4;color:#96805e}
input[type=text],input[type=date],textarea,select{background:#fffdf5;border-color:#dfd1b1;border-radius:5px;color:#3e3524}textarea:focus,input:focus,select:focus{outline:2px solid #ebc23f;outline-offset:2px}textarea.essay{background:repeating-linear-gradient(#fffdf6 0px,#fffdf6 31px,#ede3cb 31px,#ede3cb 32px);line-height:32px;min-height:190px}.writing-hints{background:#fff1b9;border:1px solid #eed581;border-left:5px solid #e7b51c;border-radius:4px}.writing-hints small{color:#9b8051}.requirements span{background:#f6e9c5;color:#81642d;border-radius:3px}.checklist{color:#6e5c3d}.read-aloud-text{color:#3b3020;background:#fff4ce;border-left:5px solid #eabd24;border-radius:4px}.recorder{background:#fff9e6;border:1px dashed #cda840;border-radius:6px}.criteria{border-color:#e3d5b6;border-radius:5px}.criteria summary{background:#f8f0dc}.rubric-choice label{border-color:#dfd1b1;border-radius:4px}.rubric-choice label:has(input:checked){background:#ffe894;border-color:#d5a513}.step{border-color:#e7bc2c}.answer-block{background:#faf4e5}.feedback{background:#f1edcc}.feedback.wrong{background:#fff0db}.result-hero{background:#302c23;border:1px solid #22201a;border-radius:7px}.result-hero p{color:#d8c89f}.result-hero .bigscore{color:#ffcf18}.score-card{background:#fffdf6;border-color:#dfd2b7;border-radius:6px;border-top:3px solid #eabd23}.recognition-score>strong{color:#a5780c}.spoken-token{background:#e9eed3;color:#435324}.spoken-token.substitution,.spoken-token.missing{background:#ffe7b6;color:#8d5718}.spoken-token.extra{background:#ece8dc;color:#7c7260}.grade-summary{background:#353026;border:1px solid #e6bf48;border-radius:6px}.footer{background:#f0e6ce;color:#877249;border-top:1px solid #dacaa6}.toast{background:#343026;color:#fff1bf;border:1px solid #bca565}.image-btn{background:#fffdf7;border-color:#e5d7b7;border-radius:5px}.image-btn small{color:#967e53}#imageDialog{background:#fffdf5;border-top:9px solid #322d24;border-radius:5px}.teaching-diagram{border-top:6px solid #393228}
@media(min-width:1450px){.hero h1{font-size:47px}.hero-cover{height:380px}}@media(max-width:1100px){.hero h1{font-size:34px}.hero-cover{height:290px}.hero{gap:22px}}@media(max-width:700px){.topbar{height:auto;border-top-width:6px}.sidebar{border:0;padding-top:17px}.sidebar nav button{color:#e1d7bd}.sidebar nav button.active{color:#302710}.hero{grid-template-columns:1fr;gap:20px}.hero h1{font-size:34px}.hero-art{max-width:440px;width:100%;transform:none}.hero-cover{height:260px}.cover-caption{font-size:9px}.stats{margin-top:5px}.passage{padding:20px}.card{box-shadow:2px 2px 0 #e9dfcc55}.read-aloud-text{font-size:21px}}
@media print{body,.shell,main{background:white}.card{box-shadow:none}.hero-art{transform:none}.read-aloud-text{font-size:16px}.primary{display:none}}

.sidebottom .outline{background:transparent}dialog::backdrop{background:#252219d9}