/* Yezbi Bookshelf in the new Homeschool look (Derek, October 13–14, 2026; Homeschool's css/next/app.css, Look C).
   Loaded last on every Bookshelf page with the header. It restyles; it never moves, hides or renames anything:
   - type: the system font, 16/1.5 body, bold 700 headings at Homeschool's sizes;
   - surfaces: the neutral page with white (Dark: slate) cards, 24px corners and Homeschool's soft shadow;
   - controls: pill buttons (filled blue for the main action, outlined with a 3:1 edge for the rest, soft blue with a
     blue edge for a tonal one), 48px fields with 18px corners, 32px dialog corners, a soft-blue current view with ✓;
   - book rows: one list inside the shelf card, split by thin lines instead of separate boxes.
   Bookshelf keeps its own feel: the leaning-books lockup, the cloth title spines and book-shaped covers, its words and
   its workflows. css/bookshelf.css (lent to Homeschool) is untouched; Homeschool does not load this file. */

/* ================= Family shelf (bookshelf.html) ================= */
html[data-yezbi-app="bookshelf"]{scroll-padding-top:80px}
body.bookshelf-app{background:var(--bs-bg);color:var(--bs-text);font-family:var(--bs-font)}
body.bookshelf-app .bookshelf-page{font-family:var(--bs-font);font-size:16px;line-height:1.5;color:var(--bs-text);padding-top:24px}
body.bookshelf-app .bookshelf-page :is(h1,h2,h3){color:var(--bs-text);letter-spacing:0}
body.bookshelf-app .bookshelf-page h2{font-size:19px;font-weight:700;line-height:1.25}
body.bookshelf-app .bookshelf-page h3{font-weight:700}
body.bookshelf-app .bookshelf-page a{color:var(--bs-primary)}
body.bookshelf-app :is(.shelf-hint,.shelf-meta){color:var(--bs-muted)}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) .shelf-hint{font-size:14px;line-height:1.5}
/* Keyboard focus: Homeschool's 3px ring in the action blue (3:1 or better on every surface in both themes). */
html[data-hh-scheme] body.bookshelf-app :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--bs-primary);outline-offset:2px}

/* ---- Heading ---- */
body.bookshelf-app .shelf-page-heading{gap:12px 20px;margin-bottom:4px}
body.bookshelf-app .shelf-page-heading h1{font-size:28px;font-weight:700;line-height:1.2;margin:0 0 4px}
body.bookshelf-app .shelf-page-heading p{font-size:15px;color:var(--bs-muted)}
body.bookshelf-app #shelf-entry-help{margin-top:6px;max-width:80ch;font-size:14px;line-height:1.5}
/* Account & settings: since October 14 Settings sits in ☰ and under the photo at every width, as in Homeschool, so the
   heading's own Account & settings button is not shown (it was already hidden on phones since October 7). */
body.bookshelf-app #shelf-account-controls{display:none}
body.bookshelf-app .shelf-account-controls :is(.lp-button,summary){min-height:44px;padding:0 18px;border:1px solid var(--bs-control);border-radius:999px;background:transparent;color:var(--bs-text);font-size:15px;font-weight:600}
body.bookshelf-app .shelf-account-controls .lp-account-panel{border:0;border-radius:var(--bs-r-menu);background:var(--bs-surface);box-shadow:var(--bs-shadow-raised)}

/* ---- Views: from 720px My books · Add books sit in the middle of the header (js/bookshelf-shell.js moves them there).
   On narrower screens they stay here as one segmented control (the chosen one soft blue with ✓ and a blue edge). The
   rest are chips; the row folds away when none of them shows. ---- */
body.bookshelf-app .shelf-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}
body.bookshelf-app .shelf-shortcuts:not(:has(> :not([hidden]))){display:none}
body.bookshelf-app .shelf-shortcuts .shelf-views{display:inline-flex;margin:0;padding:0}
body.bookshelf-app .shelf-shortcuts .bs-tab-icon{display:none}
body.bookshelf-app .bookshelf-page .shelf-shortcuts :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0;padding:6px 18px;border:1px solid var(--bs-control);border-radius:999px;background:transparent;color:var(--bs-text);font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:none}
body.bookshelf-app .bookshelf-page .shelf-shortcuts #shelf-my-books{border-radius:999px 0 0 999px}
body.bookshelf-app .bookshelf-page .shelf-shortcuts #shelf-add-books{margin-left:-1px;border-radius:0 999px 999px 0}
body.bookshelf-app .bookshelf-page .shelf-shortcuts [aria-pressed="true"]{position:relative;z-index:1;background:var(--bs-primary-soft);border-color:var(--bs-primary);color:var(--bs-primary-on-soft);font-weight:700}
body.bookshelf-app .shelf-shortcuts [aria-pressed="true"]::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body.bookshelf-app .bookshelf-page .shelf-shortcuts :is(a,button):not([aria-pressed="true"]):hover{background:color-mix(in srgb,var(--bs-text) 6%,transparent)}
body.bookshelf-app .bookshelf-page .shelf-shortcuts #shelf-homeschool-link{color:var(--bs-primary)}
/* Occasional emphasis: Review matches appears only while found books wait for review. */
body.bookshelf-app .bookshelf-page .shelf-shortcuts #shelf-review-link{background:var(--bs-emph-soft);border-color:var(--bs-emph);color:var(--bs-emph);font-weight:700}

/* ---- Cards ---- */
body.bookshelf-app .bookshelf-page .shelf-card{margin:16px 0;padding:20px 24px;border:0;border-radius:var(--bs-r-card);background:var(--bs-surface);box-shadow:var(--bs-shadow)}
body.bookshelf-app .bookshelf-page .shelf-card>h2{margin-bottom:8px}

/* ---- Fields ---- */
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden]),select,textarea){min-height:48px;padding:10px 14px;border:1px solid var(--bs-control);border-radius:var(--bs-r-field);background:var(--bs-surface);color:var(--bs-text);font-family:inherit;font-size:16px}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) textarea{line-height:1.45}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) :is(input,textarea)::placeholder{color:var(--bs-muted);opacity:1}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) input:is([type=checkbox],[type=radio]){accent-color:var(--bs-primary)}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) :is(label,.shelf-batch-label){color:var(--bs-text)}
body.bookshelf-app .bookshelf-page .shelf-age-pair input{padding:8px!important}

/* ---- Buttons: pills ---- */
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) button:not(.shelf-book-title){min-height:44px;margin-block:0;padding:6px 18px;border:1px solid var(--bs-control);border-radius:999px;background:transparent;color:var(--bs-text);font-family:inherit;font-size:15px;font-weight:600;line-height:1.25;box-shadow:none}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) button:not(.shelf-book-title,.primary-btn,:disabled):hover{background:color-mix(in srgb,var(--bs-text) 6%,transparent)}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) button.primary-btn{border-color:var(--bs-primary);background:var(--bs-primary);color:var(--bs-on-primary);font-weight:700}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) button.primary-btn:not(:disabled):hover{background:color-mix(in srgb,var(--bs-primary) 88%,var(--bs-text))}
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) button:disabled{opacity:.5;cursor:default}
/* Disclosures read as Homeschool's text links. */
body.bookshelf-app :is(.bookshelf-page,.shelf-dialog) summary{color:var(--bs-primary);font-weight:600}
body.bookshelf-app .bookshelf-page .shelf-help summary{font-size:15px}

/* ---- Library toolbar ---- */
body.bookshelf-app .shelf-library-tools{gap:10px 12px;margin-bottom:12px}
body.bookshelf-app .shelf-main-filters>label{font-size:14px;color:var(--bs-muted)}
body.bookshelf-app .bookshelf-page .shelf-main-filters select{font-size:15px}
body.bookshelf-app .shelf-library-tools>.shelf-help>summary{font-size:15px}
body.bookshelf-app .shelf-library-info{font-size:14px;color:var(--bs-muted)}
body.bookshelf-app .bookshelf-page .shelf-library-footer button{min-height:44px;padding:4px 16px;font-size:14px}
body.bookshelf-app .shelf-pagination{border-top-color:var(--bs-border)}
body.bookshelf-app .shelf-library-hint{font-size:14px}

/* ---- Book rows: one list split by thin lines; the open book soft blue with a blue edge. ---- */
body.bookshelf-app .shelf-inventory:not(.shelf-cover-grid){gap:0}
body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-inventory-book{border:0;border-top:1px solid var(--bs-border);border-radius:0;padding-block:12px}
body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-inventory-book:first-child{border-top:0}
body.bookshelf-app .bookshelf-page .shelf-inventory-book:hover{background:color-mix(in srgb,var(--bs-text) 3%,transparent)}
body.bookshelf-app .bookshelf-page .shelf-cover-grid .shelf-inventory-book{border:1px solid var(--bs-border);border-radius:var(--bs-r-thumb);background:var(--bs-surface)}
body.bookshelf-app .bookshelf-page .shelf-book.is-open,body.bookshelf-app .bookshelf-page .shelf-book.is-new{border-radius:16px;outline:2px solid var(--bs-primary);outline-offset:-2px;background:var(--bs-primary-soft)}
body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-book.is-open+.shelf-inventory-book{border-top-color:transparent}
body.bookshelf-app .bookshelf-page .shelf-book-title{color:var(--bs-text);font-family:inherit;font-size:17px;font-weight:700}
body.bookshelf-app .bookshelf-page .shelf-book-title:hover{color:var(--bs-primary)}
body.bookshelf-app .bookshelf-page .shelf-inventory-book h3{font-size:16px}
body.bookshelf-app .bookshelf-page .shelf-book-summary{font-size:15px;line-height:1.4}
body.bookshelf-app .bookshelf-page .shelf-inventory-book .shelf-meta{font-size:14px}
body.bookshelf-app .bookshelf-page .shelf-row-actions button{min-height:36px;padding:4px 14px;font-size:14px}
/* Covers keep a book's shape: slight corners, never Homeschool's round thumbnails. */
body.bookshelf-app .bookshelf-page .shelf-cover-frame{border-radius:6px}
body.bookshelf-app .shelf-owned-badge{border-radius:11px;padding:1px 8px;font-size:12px;font-weight:700;background:var(--bs-primary-soft);color:var(--bs-primary-on-soft);border-color:transparent}
@media(min-width:1100px){
 body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-inventory-book{grid-template-columns:20px 64px minmax(0,1fr) 148px;padding:12px 8px}
 body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-row-actions{gap:6px}
 body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-row-actions button{min-height:36px;padding:4px 12px;font-size:13px;white-space:nowrap}
 body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-book-summary{max-height:none}
 body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-book-title{font-size:16px}
 body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-meta{font-size:13px}
}
@media(min-width:1100px) and (pointer:coarse){body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-row-actions button{min-height:44px}}

/* ---- Book details: beside the list on a laptop (a panel inside the shelf card), full screen on a phone. ---- */
body.bookshelf-app #shelf-manage{color:var(--bs-text);background:var(--bs-surface)}
body.bookshelf-app #shelf-manage .shelf-panel-header{background:var(--bs-surface);border-bottom-color:var(--bs-border)}
body.bookshelf-app #shelf-manage .shelf-panel-header h2{font-size:20px;font-weight:700;line-height:1.25}
body.bookshelf-app #shelf-manage .shelf-panel-header p{color:var(--bs-muted);font-size:15px}
body.bookshelf-app #shelf-manage [data-close]{min-width:44px;padding:0 12px;border-color:transparent;font-size:22px;font-weight:500}
body.bookshelf-app #shelf-manage[data-mode=modal] [data-close]{border-color:var(--bs-control);font-size:15px;font-weight:600}
body.bookshelf-app #shelf-manage .shelf-panel-nav button:is([data-book-prev],[data-book-next]){width:44px;min-width:44px;padding:0;font-size:22px;line-height:1}
body.bookshelf-app #shelf-manage .shelf-panel-nav [data-panel-edit],body.bookshelf-app #shelf-manage [data-add-copy]{border-color:var(--bs-primary);background:var(--bs-primary-soft);color:var(--bs-primary-on-soft);font-weight:700}
body.bookshelf-app #shelf-manage h3{font-size:17px;margin:20px 0 4px}
body.bookshelf-app #shelf-manage .shelf-copy{gap:8px;padding:12px 0;border-top-color:var(--bs-border)}
body.bookshelf-app #shelf-manage .shelf-form-actions{background:var(--bs-surface);border-top-color:var(--bs-border)}
body.bookshelf-app #shelf-manage .shelf-panel-remove{border-top-color:var(--bs-border)}
body.bookshelf-app #shelf-manage .shelf-panel-remove button{border-color:var(--bs-danger);color:var(--bs-danger)}
body.bookshelf-app #shelf-manage .shelf-cover-frame{border-radius:6px}
body.bookshelf-app #shelf-manage-message:not(:empty){border:0;border-radius:12px;background:var(--bs-raised);padding:10px 12px;font-size:14px}
body.bookshelf-app #shelf-copy-form{border-color:var(--bs-primary);border-radius:var(--bs-r-thumb)}
body.bookshelf-app .shelf-detail-review fieldset{border-color:var(--bs-border);border-radius:var(--bs-r-thumb)}
@media(min-width:1100px){
 body.bookshelf-app #shelf-manage[data-mode=side][open]{top:88px;max-height:calc(100dvh - 112px);padding:20px 20px 0;border:1px solid var(--bs-border);border-radius:20px;box-shadow:none}
 body.bookshelf-app #shelf-manage[data-mode=side][open]{--panel-pad:20px}
 body.bookshelf-app #shelf-manage[data-mode=side] .shelf-panel-header{top:-20px}
}

/* ---- Dialogs (book details on a tablet, CSV import, bulk edit, camera, Appearance): 32px corners on the scrim. ---- */
body.bookshelf-app .shelf-dialog:not([data-mode=side]),body.bookshelf-app #shelf-capture,body.bookshelf-app #hh-appearance-dialog{border:0;border-radius:var(--bs-r-dialog);background:var(--bs-surface);color:var(--bs-text);box-shadow:var(--bs-shadow-raised)}
body.bookshelf-app .shelf-dialog::backdrop,body.bookshelf-app #shelf-capture::backdrop,body.bookshelf-app #hh-appearance-dialog::backdrop{background:var(--bs-scrim)}
body.bookshelf-app .shelf-dialog>.shelf-heading{background:var(--bs-surface);border-bottom-color:var(--bs-border)}
body.bookshelf-app :is(.shelf-dialog,#shelf-capture) h2{font-size:20px;font-weight:700}
body.bookshelf-app #shelf-capture .shelf-actions{background:var(--bs-surface)}
body.bookshelf-app #shelf-capture button{min-height:44px;padding:6px 18px;border:1px solid var(--bs-control);border-radius:999px;background:transparent;color:var(--bs-text);font-size:15px;font-weight:600}
body.bookshelf-app #shelf-capture #shelf-shutter{border-color:var(--bs-primary);background:var(--bs-primary);color:var(--bs-on-primary);font-weight:700}
body.bookshelf-app #shelf-video{border-radius:var(--bs-r-thumb)}
/* Phones: the book details stay a full-screen sheet with square corners. */
@media(max-width:767px){body.bookshelf-app #shelf-manage[data-mode=modal]{border-radius:0;box-shadow:none}}
/* The Appearance dialog (shared/ui/appearance.js). */
body.bookshelf-app #hh-appearance-dialog h2{font-size:20px;font-weight:700;color:var(--bs-text)}
body.bookshelf-app #hh-appearance-dialog p,body.bookshelf-app #hh-appearance-dialog .hh-appearance-status{color:var(--bs-muted)}
body.bookshelf-app #hh-appearance-dialog .hh-primary-button{min-height:44px;padding:6px 20px;border:1px solid var(--bs-primary);border-radius:999px;background:var(--bs-primary);color:var(--bs-on-primary);font-size:15px;font-weight:700}
body.bookshelf-app #hh-appearance-dialog [data-scheme-choice]{border:1px solid var(--bs-control);border-radius:var(--bs-r-field);background:var(--bs-surface);color:var(--bs-text)}
body.bookshelf-app #hh-appearance-dialog [data-scheme-choice]:has(input:checked){border:2px solid var(--bs-primary);background:var(--bs-primary-soft)}
body.bookshelf-app #hh-appearance-dialog .hh-scheme-swatch{border-radius:10px}
body.bookshelf-app #hh-appearance-dialog summary{color:var(--bs-primary);font-weight:600}

/* ---- Add books ---- */
body.bookshelf-app .shelf-recovery{border-top-color:var(--bs-border)}
body.bookshelf-app .shelf-scan-actions,body.bookshelf-app .shelf-review-footer{background:var(--bs-surface)}
body.bookshelf-app .shelf-review-footer{border-top-color:var(--bs-border)}
body.bookshelf-app .shelf-previews img{border-radius:12px;background:var(--bs-raised)}
body.bookshelf-app #shelf-scan-progress{height:8px;border-radius:4px;accent-color:var(--bs-primary)}
body.bookshelf-app #shelf-scan-progress::-webkit-progress-bar{background:var(--bs-raised)}
body.bookshelf-app #shelf-scan-progress::-webkit-progress-value{background:var(--bs-primary)}
/* Review table */
body.bookshelf-app .shelf-table-scroll{border-color:var(--bs-border);border-radius:var(--bs-r-thumb)}
body.bookshelf-app .shelf-table :is(th,td){border-bottom-color:var(--bs-border);background:var(--bs-surface)}
body.bookshelf-app .shelf-table :is(th,td):first-child{border-right-color:var(--bs-border)}
body.bookshelf-app .shelf-table td:first-child{background:var(--bs-surface)}
body.bookshelf-app .shelf-table th{color:var(--bs-muted);font-size:13px;font-weight:700}
body.bookshelf-app .shelf-table button{min-height:44px;padding:4px 14px;font-size:14px}
body.bookshelf-app .shelf-match-badge{border:0;border-radius:11px;padding:2px 8px;background:var(--bs-raised);color:var(--bs-text);font-size:12px;font-weight:700}
body.bookshelf-app .shelf-match-badge[data-confident=true]{background:var(--bs-primary-soft);color:var(--bs-primary-on-soft)}

/* ---- Status: a soft-blue banner that stays in view under the header. ---- */
body.bookshelf-app #shelf-status:not(:empty){top:76px;z-index:8;padding:12px 16px;border:0;border-radius:18px;background:var(--bs-primary-soft);color:var(--bs-text);box-shadow:var(--bs-shadow-raised);font-size:15px}
html[data-yezbi-theme="dark"] body.bookshelf-app #shelf-status:not(:empty){box-shadow:0 0 0 1px var(--bs-border)}

/* ---- Phones and tablets ---- */
@media(max-width:768px){
 body.bookshelf-app .bookshelf-page{padding:16px 12px calc(32px + env(safe-area-inset-bottom))}
 body.bookshelf-app #shelf-status:not(:empty){top:72px}
 body.bookshelf-app :is(#shelf-add,#shelf-library,#shelf-review){scroll-margin-top:76px}
}
@media(max-width:767px){
 body.bookshelf-app .shelf-page-heading h1{font-size:24px}
 body.bookshelf-app #shelf-entry-help{font-size:14px}
 body.bookshelf-app .bookshelf-page .shelf-card{margin:12px 0;padding:16px}
 /* Views: My books | Add books share the first row; the other chips follow at full width. */
 body.bookshelf-app .shelf-shortcuts{margin:12px 0}
 body.bookshelf-app .shelf-shortcuts .shelf-views{display:flex;flex:1 1 100%}
 body.bookshelf-app .bookshelf-page .shelf-shortcuts :is(#shelf-my-books,#shelf-add-books){flex:1 1 0}
 body.bookshelf-app .bookshelf-page .shelf-shortcuts :is(a,button):not(#shelf-my-books,#shelf-add-books){flex:1 1 100%}
 body.bookshelf-app .bookshelf-page .shelf-inventory:not(.shelf-cover-grid) .shelf-inventory-book{padding:12px 4px}
 body.bookshelf-app .bookshelf-page .shelf-row-actions button{min-height:44px;padding:4px 8px;font-size:14px}
 body.bookshelf-app .bookshelf-page .shelf-book-title{font-size:17px}
}

/* ================= Front door, Settings and family shelf setup (shared studio surface) ================= */
body.bs-page.learning-surface{background:var(--bs-bg);color:var(--bs-text);font-family:var(--bs-font);line-height:1.5}
/* The Light/Dark switch (on <html>) decides; the account setting only fills in when nothing is saved on this device. */
html[data-yezbi-theme] body.bs-page.learning-surface{color-scheme:inherit}
html[data-yezbi-app="bookshelf"] body.bs-page :focus-visible{outline:3px solid var(--bs-primary);outline-offset:2px}
body.bs-page.learning-surface main{max-width:920px;padding:24px 20px 64px}
body.bs-page.learning-surface main :is(h1,h2,h3){color:var(--bs-text);letter-spacing:0}
body.bs-page.learning-surface main h1{font-size:clamp(26px,4vw,32px);font-weight:700;line-height:1.2;margin:.2em 0 .35em}
body.bs-page.learning-surface main h2{font-size:19px;font-weight:700;line-height:1.25}
body.bs-page.learning-surface main h3{font-size:17px;font-weight:700}
body.bs-page.learning-surface main p{color:var(--bs-muted)}
body.bs-page.learning-surface main a:not(.lp-button){color:var(--bs-primary)}
body.bs-page.learning-surface .learning-banner{color:var(--bs-muted);font-size:13px;font-weight:700}
/* Cards */
body.bs-page.learning-surface main :is(section,article){border:0;border-radius:var(--bs-r-card);background:var(--bs-surface);box-shadow:var(--bs-shadow);padding:20px 24px}
body.bs-page.learning-surface main :is(section,article) :is(section,article){border:1px solid var(--bs-border);border-radius:var(--bs-r-thumb);box-shadow:none}
body.bs-page.learning-surface main .bs-family-form{padding:20px 24px;border-radius:var(--bs-r-card);background:var(--bs-surface);box-shadow:var(--bs-shadow)}
body.bs-page.learning-surface main details{border:1px solid var(--bs-border);border-radius:var(--bs-r-field);background:var(--bs-surface);box-shadow:none}
body.bs-page.learning-surface main summary{color:var(--bs-primary);font-weight:600}
/* Fields */
body.bs-page.learning-surface main :is(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea){min-height:48px;padding:10px 14px;border:1px solid var(--bs-control);border-radius:var(--bs-r-field);background:var(--bs-surface);color:var(--bs-text);font-size:16px}
body.bs-page.learning-surface main label{color:var(--bs-text);font-size:14px;font-weight:600}
body.bs-page.learning-surface main input:is([type=checkbox],[type=radio]){accent-color:var(--bs-primary)}
/* Buttons: pills; Save and other submit buttons filled blue. */
body.bs-page.learning-surface main :is(button,.lp-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 20px;border:1px solid var(--bs-control);border-radius:999px;background:transparent;color:var(--bs-text);font-size:15px;font-weight:700;line-height:1.25;text-decoration:none;box-shadow:none}
body.bs-page.learning-surface main :is(button,.lp-button):not(:disabled):hover{filter:none;background:color-mix(in srgb,var(--bs-text) 6%,transparent)}
body.bs-page.learning-surface main button[type=submit]{border-color:var(--bs-primary);background:var(--bs-primary);color:var(--bs-on-primary)}
body.bs-page.learning-surface main button[type=submit]:not(:disabled):hover{background:color-mix(in srgb,var(--bs-primary) 88%,var(--bs-text))}
/* The settings section links (Account, Family & children …): outlined chips. */
body.bs-page.learning-surface .lp-settings-nav{gap:8px}
body.bs-page.learning-surface main .lp-settings-nav a:not(.lp-button){min-height:44px;padding:6px 16px;border:1px solid var(--bs-control);border-radius:999px;background:transparent;color:var(--bs-text);font-size:14px;font-weight:600;text-decoration:none}
body.bs-page.learning-surface main .lp-settings-nav a:hover{background:color-mix(in srgb,var(--bs-text) 6%,transparent)}
/* Notices */
body.bs-page.learning-surface main :is(.lp-notice,[role=status]:not(:empty)){border:0;border-radius:16px;background:var(--bs-primary-soft);color:var(--bs-text)}
@media(max-width:540px){
 body.bs-page.learning-surface main{padding:16px 12px 48px}
 body.bs-page.learning-surface main :is(section,article,.bs-family-form){padding:16px}
}