/* V10.8.1666 Homework & Test Prep: finish the move to the new design. Loads after pp1645.css. Off: remove this <link> (or rollback.sh). */
/* Notes box: no browser resize grabber, a calm blue focus ring */
.ppg .pp-box{border:1.5px solid #cfd8ec;border-radius:1rem;background:#fff;padding:.75rem .9rem .7rem;transition:border-color .15s,box-shadow .15s}
.ppg .pp-box:focus-within{border-color:#2f6fe0;box-shadow:0 0 0 3px rgba(47,111,224,.18)}
.ppg .pp-box textarea{resize:none!important;min-height:5.2rem;max-height:14rem;overflow:auto;-webkit-appearance:none;appearance:none;border-radius:0;color:#14213d;caret-color:#2f6fe0}
.ppg .pp-box textarea::placeholder{color:#8a94ad;opacity:1}
.ppg .pp-box textarea::-webkit-resizer{display:none}
.ppg .pp-box textarea:disabled{color:#5f6b85;cursor:default}
/* Test date: same field style, blue calendar icon */
.ppg .pp-fl input[type=date]{height:2.9rem;border:1.5px solid #cfd8ec;border-radius:1rem;padding:0 .9rem;background:#fff;color:#14213d;font:500 1rem Inter,sans-serif;max-width:15rem;box-sizing:border-box;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.ppg .pp-fl input[type=date]:focus{outline:0;border-color:#2f6fe0;box-shadow:0 0 0 3px rgba(47,111,224,.18)}
.ppg .pp-fl input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:invert(35%) sepia(90%) saturate(2400%) hue-rotate(205deg) brightness(95%)}
.ppg .pp-fl input[type=date]:disabled{background:#f3f6fb;color:#5f6b85}
/* Attach button: iTutor blue, real icon instead of the emoji */
.ppg .pp-add{background:#eaf2ff;color:#0f2557;border:1.5px dashed #9ec0f2;transition:background .15s,border-color .15s}
.ppg .pp-add:hover{background:#dbe8ff;border-color:#2f6fe0}
.ppg .pp-add:focus-within{outline:0;box-shadow:0 0 0 3px rgba(47,111,224,.25);border-color:#2f6fe0}
.ppg .pp-clip{display:inline-flex;color:#2f6fe0;font-size:0}
.ppg .pp-clip svg{width:1.15rem;height:1.15rem}
/* Switch + Change choice */
.ppg .pp-seg{background:#eaf1fc}
.ppg .pp-seg button{transition:background .15s,color .15s}
.ppg .pp-seg button.on{background:#0f2557}
.ppg .pp-seg button:not(.on):not(:disabled):hover{background:#dbe8fb}
.ppg .pp-seg button:focus-visible,.ppg .pp-chg:focus-visible{outline:2px solid #2f6fe0;outline-offset:2px}
.ppg .pp-chg{color:#2f6fe0;font-weight:700;text-decoration:none;border-radius:.5rem;padding:.4rem .5rem}
.ppg .pp-chg:hover{background:#eaf2ff;text-decoration:underline;text-underline-offset:3px}
/* Checkbox: iTutor blue */
.ppg .pp-conf input[type=checkbox]{accent-color:#2f6fe0;width:1.15rem;height:1.15rem;flex:none;margin:0}
.ppg .pp-note{background:#eef5ff;color:#16315f}
.ppg .pp-note svg{color:#2f6fe0}
.ppg .pp-act .plv-btn:disabled{background:#a9b6d0;border-color:#a9b6d0}
.ppg .okbox{color:#1f7a45}
/* Uploaded files: proper thumbnail cards (preview + file name), remove button on top */
.ppg .pp-files{grid-template-columns:repeat(auto-fill,minmax(8.2rem,1fr));gap:.8rem}
.ppg .pp-fig{aspect-ratio:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1.5px solid #dbe4f5;border-radius:1rem;background:#fff;box-shadow:0 1px 3px rgba(15,37,87,.08)}
.ppg .pp-fig>a{height:auto;aspect-ratio:1/1;background:#eef4ff}
.ppg .pp-fig>a>img,.ppg .pp-fig>img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#eef4ff}
.ppg .pp-fig .pp-pdf{height:auto;aspect-ratio:1/1;background:#eef4ff;color:#0f2557;font-weight:600}
.ppg .pp-fig .pp-pdf svg{width:2.2rem;height:2.2rem;fill:none;stroke:#2f6fe0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ppg .pp-fig figcaption{padding:.4rem .6rem;border-top:1px solid #e3eaf7;background:#fff;font:600 .74rem/1.2 Inter,sans-serif;color:#46526f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ppg .pp-fig>button{top:.45rem;right:.45rem;width:1.85rem;height:1.85rem;background:#fff;color:#0f2557;border:1px solid #d3def2;box-shadow:0 1px 4px rgba(15,37,87,.2);font:600 1.15rem/1 Inter,sans-serif;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}
.ppg .pp-fig>button:hover{background:#0f2557;color:#fff}
.ppg .pp-fig>button:focus-visible{outline:2px solid #2f6fe0;outline-offset:2px}
.ppg .pp-fig em{bottom:2rem;background:rgba(15,37,87,.8)}
.ppg .pp-fig.bad{border-color:#d9534f}
.ppg .pp-cnt{color:#5f6b85}
@media (max-width:640px){
 .ppg .pp-files{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ppg .pp-fig>button{width:2.2rem;height:2.2rem}
 .ppg .pp-fl input[type=date]{max-width:100%}
}

/* V10.8.1666 sign-in: anchor the campus photo to the top on desktop so the tiny walking students at the bottom edge are out of view (off: delete this block) */
@media (min-width:700px){html.v1338 .si-art{background-position:center top!important}}