.ob-page{--ob-ink:#30282b;--ob-wine:#5b263b;--ob-gold:#9b7442;--ob-sage:#637260;--ob-paper:#fffdf8;max-width:1440px;margin:0 auto;color:var(--ob-ink)}
.ob-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:42px;align-items:end;padding:52px 4.8% 32px;background:radial-gradient(circle at 85% 25%,#e9ddd0 0 8%,transparent 35%),linear-gradient(135deg,#f9f5ec,#f3ece5)}
.ob-hero h1{margin:4px 0 12px;font:500 clamp(35px,5vw,62px)/1.18 "Yu Mincho",serif;letter-spacing:.06em;color:var(--ob-wine)}.ob-hero>div>p:not(.bt-eyebrow){max-width:720px;margin:0;color:#5f5451;line-height:1.9}.ob-scope{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:20px;font-size:13px}.ob-scope span{padding:8px 12px;border:1px solid #d2c2bc;border-radius:999px;background:#fffdf8}.ob-scope b{color:var(--ob-wine);letter-spacing:.08em}.ob-scope a{color:var(--ob-wine);font-weight:700}
.ob-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cfbfba;border-radius:18px;background:#fffdf8;box-shadow:0 18px 45px #3f203012;overflow:hidden}.ob-summary>div{padding:18px 12px;text-align:center}.ob-summary>div+div{border-left:1px solid #e2d9d4}.ob-summary span{display:block;margin-bottom:7px;color:#786d69;font-size:11px}.ob-summary strong{font:500 30px/1 Georgia,serif;color:var(--ob-wine);font-variant-numeric:tabular-nums}.ob-summary small{margin-left:3px;color:#786d69;font-size:10px}
.ob-storage-alert{margin:12px 4.8% 0;padding:11px 14px;border-left:4px solid #986340;background:#fff4e7;color:#673f29;font-size:13px}.ob-resume{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 9.6%);min-height:62px;margin:16px 4.8% 0;padding:12px 18px;border:1px solid #b898a4;border-radius:12px;background:#fff;color:var(--ob-wine);text-align:left}.ob-resume span{display:grid;gap:3px}.ob-resume span:not(b){font-size:12px;color:#74666a}.ob-resume b{font-size:15px;color:var(--ob-wine)}
.ob-mode-tabs{position:sticky;z-index:8;top:0;display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:28px auto 0;padding:5px;border:1px solid #d6cac5;border-radius:15px;background:#fffdf8e8;box-shadow:0 10px 30px #3f20300d;backdrop-filter:blur(10px)}.ob-mode-tabs button{display:grid;min-height:58px;padding:8px 16px;border:0;border-radius:10px;background:transparent;color:#6e6260}.ob-mode-tabs button b{font-size:14px}.ob-mode-tabs button span{font-size:10px}.ob-mode-tabs button[aria-pressed="true"]{background:var(--ob-wine);color:#fff}.ob-mode-tabs button:focus-visible{outline:3px solid var(--ob-wine);outline-offset:2px}
.ob-main{padding:30px 4.8% 70px}.ob-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.ob-section-heading h2,.ob-setup h2,.ob-due h2,.ob-case h2,.ob-complete h2{margin:3px 0 8px;font:500 clamp(24px,3vw,34px)/1.4 "Yu Mincho",serif;color:var(--ob-wine)}.ob-text-button{min-height:44px;border:0;background:transparent;color:var(--ob-wine);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.ob-filter{padding:24px 26px;border:1px solid #ddd3ce;border-radius:16px;background:var(--ob-paper)}.ob-search{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;color:#6c625f;font-size:12px}.ob-search input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #bfb1ac;border-radius:9px;background:#fff;font-size:16px;color:var(--ob-ink)}.ob-facets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.ob-facet{position:relative}.ob-facet summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #cbbfba;border-radius:9px;cursor:pointer;font-size:13px;list-style:none}.ob-facet summary::-webkit-details-marker{display:none}.ob-facet summary span{color:#827672;font-size:10px}.ob-facet__options{position:absolute;z-index:12;top:50px;left:0;width:max(100%,230px);max-height:290px;padding:8px;border:1px solid #cbbfba;border-radius:10px;background:#fff;box-shadow:0 16px 40px #3d283025;overflow:auto}.ob-facet__options label{display:grid;grid-template-columns:20px minmax(0,1fr) max-content;gap:7px;align-items:center;min-height:44px;padding:6px 8px;border-radius:7px;font-size:12px}.ob-facet__options label:hover{background:#f6f0ed}.ob-facet__options input{width:18px;height:18px;accent-color:var(--ob-wine)}.ob-facet__options small{color:#887c77}.ob-facet__close{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:4px;border:1px solid #cbbfba;border-radius:8px;background:#fff;color:var(--ob-wine);font-weight:700}.ob-more-filters{margin-top:10px}.ob-more-filters>summary{min-height:44px;padding:9px 0;color:var(--ob-wine);cursor:pointer;font-size:12px;font-weight:700}.ob-more-filters>div{display:grid;grid-template-columns:repeat(3,minmax(0,190px));gap:12px}.ob-more-filters label,.ob-setup-grid label,.ob-case-fields label,.ob-case-confidence{display:grid;gap:6px;color:#655a57;font-size:12px}.ob-more-filters input,.ob-more-filters select,.ob-setup-grid select,.ob-case-fields select,.ob-case-confidence select{min-height:44px;padding:8px 10px;border:1px solid #c5b8b2;border-radius:8px;background:#fff;color:var(--ob-ink);font-size:16px}.ob-result-count{margin:12px 0 0;color:#756a66;font-size:12px;font-variant-numeric:tabular-nums}
.ob-browser{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:22px;align-items:start;margin-top:20px}.ob-results{display:grid;gap:8px;max-height:760px;overflow:auto;scrollbar-gutter:stable}.ob-results article{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:center;border:1px solid #ddd3ce;border-radius:12px;background:#fff}.ob-results article.is-selected{border-color:#92697a;box-shadow:inset 4px 0 0 var(--ob-wine)}.ob-result-main{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:82px;padding:12px 8px 12px 17px;border:0;background:transparent;color:var(--ob-ink);text-align:left}.ob-result-main>span{display:grid;gap:2px}.ob-result-main small{color:#81736f;font-size:10px}.ob-result-main strong{font-size:15px}.ob-result-main em{font-style:normal;color:#756a66;font-size:11px}.ob-result-main>b{white-space:nowrap;color:var(--ob-wine);font:500 13px Georgia,serif}.ob-compare-toggle{min-height:44px;margin-right:8px;padding:7px 9px;border:1px solid #bdaeb2;border-radius:7px;background:#fff;color:var(--ob-wine);font-size:10px}.ob-compare-toggle[aria-pressed="true"]{background:#f1e6e9}.ob-detail{position:sticky;top:90px;padding:28px;border:1px solid #d9cec9;border-radius:16px;background:linear-gradient(145deg,#fffdf8,#f8f2ed)}.ob-detail h2{margin:2px 0 2px;font:500 clamp(27px,3vw,39px)/1.4 "Yu Mincho",serif;color:var(--ob-wine)}.ob-alias{margin:0 0 18px;color:#7b6d69;font-size:11px}.ob-key-points{display:grid;gap:7px;margin:16px 0}.ob-key-points p{margin:0;padding:9px 12px;border-left:3px solid var(--ob-gold);background:#fff;font-size:13px;line-height:1.65}.ob-detail dl{display:grid;gap:0;margin:12px 0}.ob-detail dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #e2d8d3}.ob-detail dt{color:#766b67;font-size:11px}.ob-detail dd{margin:0;font-size:13px;line-height:1.7}.ob-detail dd small{display:block;margin-top:3px;color:#827571}.ob-detail details summary{min-height:44px;padding:12px 0;color:var(--ob-wine);cursor:pointer;font-weight:700;font-size:12px}.ob-empty{padding:28px;border:1px dashed #baa9a4;border-radius:12px;background:#fff}.ob-empty h3{margin:0 0 8px}.ob-empty p{color:#746965;font-size:13px}.ob-empty button{min-height:44px;padding:8px 13px;border:1px solid #b79fa8;border-radius:8px;background:#fff;color:var(--ob-wine)}
.ob-compare{margin-top:28px;padding:26px;border:1px solid #d9cec9;border-radius:16px;background:#fff}.ob-compare-table{margin-top:12px;overflow:auto}.ob-compare table{width:100%;min-width:680px;border-collapse:collapse}.ob-compare th,.ob-compare td{padding:13px 14px;border-bottom:1px solid #e1d7d2;text-align:left;vertical-align:top;font-size:12px;line-height:1.7}.ob-compare thead th{color:var(--ob-wine);font-size:14px}.ob-compare tbody th{width:100px;color:#756965}.ob-compare-prompt{margin:16px 0 0;padding:10px 14px;border-radius:8px;background:#f5f0eb;color:#6e625e;font-size:12px}
.ob-setup,.ob-quiz-card,.ob-complete,.ob-case{max-width:880px;margin:0 auto;padding:clamp(24px,4vw,44px);border:1px solid #d9cec9;border-radius:18px;background:var(--ob-paper);box-shadow:0 18px 50px #4123310d}.ob-setup>p:not(.bt-eyebrow){color:#6f6460;line-height:1.8}.ob-setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.bt-button:disabled{opacity:.45;cursor:not-allowed}.ob-quiz-progress{display:grid;grid-template-columns:max-content minmax(120px,1fr) max-content;gap:12px;align-items:center;margin-bottom:28px;color:#6e625f;font-size:11px}.ob-quiz-progress progress{width:100%;height:6px;border:0;border-radius:99px}.ob-quiz-progress progress::-webkit-progress-bar{border-radius:99px;background:#e9dfda}.ob-quiz-progress progress::-webkit-progress-value{border-radius:99px;background:var(--ob-wine)}.ob-quiz-card h2{margin:6px 0 22px;font:500 clamp(21px,3vw,30px)/1.55 "Yu Mincho",serif;color:var(--ob-ink)}.ob-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0}.ob-options label{display:flex;gap:10px;align-items:center;min-height:58px;padding:11px 13px;border:1px solid #cfc2bd;border-radius:10px;background:#fff;cursor:pointer}.ob-options label:has(input:checked){border-color:var(--ob-wine);background:#f8ecef;box-shadow:inset 0 0 0 1px var(--ob-wine)}.ob-options input{width:19px;height:19px;accent-color:var(--ob-wine)}.ob-options span{font-size:14px}.ob-hint{min-height:44px;margin:14px 0;border:0;background:transparent;color:var(--ob-wine);font-size:12px;text-decoration:underline;text-underline-offset:4px}.ob-confidence{display:flex;flex-wrap:wrap;gap:10px 22px;margin:2px 0 20px;padding:14px;border:1px solid #e0d7d2;border-radius:10px}.ob-confidence legend{padding:0 5px;color:#716562;font-size:11px}.ob-confidence label{display:flex;gap:6px;align-items:center;min-height:44px;font-size:12px}.ob-confidence input{width:17px;height:17px;accent-color:var(--ob-wine)}.ob-feedback{padding:22px;border-left:5px solid var(--ob-sage);border-radius:10px;background:#eef3ec}.ob-feedback.is-wrong{border-left-color:#a26c47;background:#fff1e6}.ob-feedback__result{margin:0 0 4px;font-weight:800}.ob-feedback h3{margin:0 0 10px;font:500 23px/1.4 "Yu Mincho",serif}.ob-feedback p{font-size:13px;line-height:1.8}.ob-complete{text-align:center}.ob-complete p:not(.bt-eyebrow){color:#6f6460}
.ob-review{display:grid;gap:22px}.ob-due{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:960px;width:100%;margin:0 auto;padding:24px 28px;border:1px solid #cbbabf;border-radius:16px;background:linear-gradient(130deg,#f8edef,#fffdf8)}.ob-due p{margin:0;color:#6f6265;font-size:13px}.ob-case-clues{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.ob-case-clues p{margin:0;padding:12px;border:1px solid #dfd4cf;border-radius:9px;background:#fff;font-size:13px;line-height:1.7}.ob-case-clues b{display:block;margin-bottom:3px;color:var(--ob-wine);font-size:10px;letter-spacing:.08em}.ob-case-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.ob-case-confidence{max-width:250px;margin:0 0 18px}.ob-case-result{padding:20px;border-radius:10px;background:#eff2eb}.ob-case-result h3{margin:0 0 12px;color:var(--ob-wine)}.ob-case-result p{display:grid;gap:3px;margin:0;padding:10px 0;border-top:1px solid #d8ded3;font-size:13px;line-height:1.7}.ob-case-result p:last-of-type{margin-bottom:15px}.ob-load-error{max-width:700px;margin:60px auto;padding:30px}.ob-load-error button{min-height:44px;padding:8px 14px}
@media(max-width:1050px){.ob-hero{grid-template-columns:1fr;gap:24px}.ob-summary{max-width:520px}.ob-facets{grid-template-columns:1fr 1fr}.ob-browser{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.bt-header nav{max-width:52vw;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x proximity}.bt-header nav a{flex:0 0 auto;scroll-snap-align:start}}
@media(max-width:700px){.ob-hero{padding:30px 18px 24px}.ob-hero h1{font-size:36px}.ob-summary{grid-template-columns:repeat(3,1fr)}.ob-summary>div{padding:13px 6px}.ob-summary strong{font-size:24px}.ob-mode-tabs{top:0;margin:16px 12px 0}.ob-mode-tabs button{min-height:52px;padding:6px}.ob-mode-tabs button span{display:none}.ob-main{padding:20px 14px 48px}.ob-filter{padding:18px 14px}.ob-search{grid-template-columns:1fr;gap:5px}.ob-facets{grid-template-columns:1fr 1fr;gap:8px}.ob-facet__options{position:fixed;inset:auto 12px 18px;width:auto;max-height:55vh}.ob-more-filters>div{grid-template-columns:1fr 1fr}.ob-more-filters label:last-child{grid-column:1/-1}.ob-browser{grid-template-columns:1fr}.ob-results{max-height:520px}.ob-detail{position:static;padding:21px 17px}.ob-results article{grid-template-columns:minmax(0,1fr) 82px}.ob-result-main{min-height:76px;padding-left:13px}.ob-compare-toggle{font-size:10px}.ob-compare{padding:20px 14px}.ob-setup,.ob-quiz-card,.ob-complete,.ob-case{padding:23px 16px}.ob-setup-grid,.ob-case-fields{grid-template-columns:1fr}.ob-options{grid-template-columns:1fr}.ob-due{align-items:flex-start;flex-direction:column;padding:21px 18px}.ob-case-clues{grid-template-columns:1fr}.ob-section-heading h2{font-size:24px}.ob-storage-alert{margin-inline:18px}.ob-resume{width:calc(100% - 36px);margin-inline:18px}.bt-header nav{max-width:none;width:100%;padding:6px 0 2px;overflow-x:auto!important;justify-content:flex-start!important}.bt-header nav a{font-size:11px;flex:0 0 auto}.ob-hero input,.ob-hero select,.ob-main input,.ob-main select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ob-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Other-beverage learning refinements. */
.ob-entry-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.ob-entry-examples span{padding:6px 9px;border:1px solid #d2c5bd;border-radius:999px;background:#fffdf8;color:#695b57;font-size:11px}.ob-hero-actions{display:flex;align-items:center;gap:16px;margin-top:18px}
.ob-storage-alert{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.ob-storage-alert p{margin:0}.ob-storage-alert a,.ob-storage-alert button{min-height:44px;border:0;background:transparent;color:#673f29;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ob-more-filters>div{grid-template-columns:repeat(4,minmax(0,190px))}
.ob-similar{margin-top:13px;padding-top:12px;border-top:1px solid #ded3ce}.ob-similar h3{margin:0 0 7px;font-size:13px}.ob-similar p{display:grid;gap:2px;margin:0;padding:7px 0;color:#6c605c;font-size:12px;line-height:1.6}.ob-similar b{color:var(--ob-wine)}
.ob-detail-actions,.ob-compare-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.ob-detail-actions span,.ob-compare-actions span{color:#80736f;font-size:10px}
.ob-compare tbody tr.is-different{background:#fff8e9}.ob-compare tbody th small{display:inline-block;margin-left:5px;padding:1px 4px;border-radius:4px;background:#9b7442;color:#fff;font-size:8px}
.ob-due-shortcut{min-height:44px;margin-top:12px;padding:8px 12px;border:1px solid #b99ba6;border-radius:8px;background:#f7ebef;color:var(--ob-wine);font-weight:700}.ob-feedback-actions{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.ob-setup-error{margin:12px 0 0!important;padding:10px 12px;border-left:4px solid #a26c47;background:#fff1e6;color:#6a432d!important;font-size:12px}.ob-case-field{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px;padding:12px;border:1px solid #ded4cf;border-radius:10px;background:#fff}.ob-selected-answer{display:block;max-width:100%;color:#625753;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.ob-case-history{margin:16px 0;text-align:left}.ob-case-history summary{min-height:44px;color:var(--ob-wine);cursor:pointer}.ob-case-history-group{margin-top:12px}.ob-case-history-group h3{margin:0 0 5px;color:var(--ob-wine);font-size:13px}.ob-case-history p{margin:0;padding:7px;border-top:1px solid #e1d8d4;font-size:12px}
.ob-queued-practice{margin:0 0 12px;padding:11px 13px;border:1px solid #d2a98f;border-radius:10px;background:#fff7ee;color:#5e4238;font-size:13px;font-weight:700}
.ob-case-review-row{padding:14px 0;border-bottom:1px solid #d8ded3}.ob-case-review-row:last-of-type{border-bottom:0}.ob-case-review-row h3{margin:0 0 8px}.ob-case-review-row p{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:6px 0;border:0}.ob-case-review-row p b{color:#665b57;font-size:11px}
@media(max-width:700px){.ob-more-filters>div{grid-template-columns:1fr 1fr}.ob-case-field{grid-template-columns:1fr}.ob-mode-tabs button b{font-size:12px}}

/* Browse, evidence and answer-review refinements. */
.ob-facets{grid-template-columns:repeat(5,minmax(0,1fr))}
.ob-entry-examples span,.ob-entry-examples button{min-height:32px;padding:6px 9px;border:1px solid #d2c5bd;border-radius:999px;background:#fffdf8;color:#695b57;font:inherit;font-size:11px}.ob-entry-examples button{cursor:pointer}.ob-entry-examples button:hover{border-color:var(--ob-wine);color:var(--ob-wine)}
.ob-compare-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0 -8px;color:#6c605d;font-size:12px}.ob-compare-status button{min-height:44px;padding:7px 12px;border:1px solid #b99ba6;border-radius:8px;background:#fff;color:var(--ob-wine);font-weight:700}.ob-mobile-return{display:none}
.ob-sources{margin-top:15px;padding-top:13px;border-top:1px solid #ded3ce}.ob-sources h3{margin:0 0 6px;font-size:13px}.ob-sources>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:3px 12px;padding:8px 0;border-top:1px solid #e8dfdb}.ob-sources a{color:var(--ob-wine);font-size:12px;font-weight:700}.ob-sources time{color:#80736f;font-size:10px}.ob-sources p{grid-column:1/-1;margin:0;color:#6e625e;font-size:11px;line-height:1.6}
.ob-answer-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.ob-answer-compare p{display:grid;align-content:start;gap:4px;margin:0;padding:13px;border:1px solid #d7ccc7;border-radius:8px;background:#fff}.ob-answer-compare span{color:#716562;font-size:10px}.ob-answer-compare strong{font-size:15px}.ob-answer-compare small{color:#685c58;font-size:11px;line-height:1.6}
.ob-more-filters>div{grid-template-columns:repeat(3,minmax(0,190px))}.ob-practice-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.ob-glossary{margin:12px 0;border-top:1px solid #ddd3ce;border-bottom:1px solid #ddd3ce}.ob-glossary summary{min-height:44px;padding:12px 0;color:var(--ob-wine);cursor:pointer;font-size:12px;font-weight:700}.ob-glossary dl{display:grid;gap:0;margin:0 0 12px}.ob-glossary dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid #e6ddd8}.ob-glossary dt{color:var(--ob-wine);font-weight:700;font-size:12px}.ob-glossary dd{margin:0;color:#665b57;font-size:12px;line-height:1.7}
#ob-question-title,#ob-quiz-feedback,#ob-quiz-complete,#ob-quiz-unavailable,#ob-case-question-title,#ob-case-feedback-title,#ob-case-complete,#ob-case-unavailable{scroll-margin-top:90px}
.ob-facet summary span,.ob-facet__options small,.ob-detail dd small,.ob-result-main small,.ob-detail-actions span,.ob-compare-actions span,.ob-sources time,.ob-alias{color:#756965}.ob-compare tbody th small{background:#75542f}
@media(max-width:1050px){.ob-facets{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  .ob-hero{gap:10px;padding:16px 18px 12px}.ob-hero .bt-eyebrow{display:none}.ob-hero h1{margin:0 0 4px;font-size:30px}.ob-hero>div>p:not(.bt-eyebrow){font-size:12px;line-height:1.55}.ob-entry-examples{flex-wrap:nowrap;margin-top:9px;padding-bottom:2px;overflow-x:auto}.ob-entry-examples span,.ob-entry-examples button{flex:0 0 auto;padding:4px 8px}.ob-entry-examples span{min-height:30px}.ob-entry-examples button{min-height:44px}.ob-hero-actions{margin-top:10px}.ob-scope{margin-top:8px}.ob-scope>a{display:none}.ob-summary>div{padding:7px 4px}.ob-summary span{margin-bottom:3px;font-size:9px}.ob-summary strong{font-size:19px}.ob-summary small{font-size:9px}
  .ob-mode-tabs{margin-top:10px}.ob-mode-tabs button{padding-inline:3px}.ob-mode-tabs button b{font-size:11px;white-space:normal;overflow-wrap:anywhere}.ob-mode-tabs button:last-child b{font-size:10px}.ob-facets{grid-template-columns:1fr 1fr}.ob-more-filters>div{grid-template-columns:1fr 1fr}.ob-compare-status{position:sticky;z-index:7;top:62px;justify-content:space-between;margin:10px 0;padding:7px 9px;border:1px solid #d8cac5;border-radius:9px;background:#fffdf8ed;backdrop-filter:blur(8px)}.ob-mobile-return{display:inline-flex;min-height:44px;margin:0 0 8px;padding:7px 0;border:0;background:transparent;color:var(--ob-wine);font-weight:700}.ob-answer-compare{grid-template-columns:1fr}.ob-sources>div{grid-template-columns:1fr}.ob-sources time{grid-column:1}.ob-case-review-row p{grid-template-columns:1fr;gap:2px}.ob-glossary dl>div{grid-template-columns:1fr;gap:2px}
  .ob-case-field,.ob-case-field label{min-width:0}.ob-case-field select{width:100%;min-width:0;max-width:100%}
  #ob-search-title,#ob-result-list,#ob-selected-detail,#ob-comparison,#ob-question-title,#ob-quiz-feedback,#ob-quiz-complete,#ob-quiz-unavailable,#ob-case-question-title,#ob-case-feedback-title,#ob-case-complete,#ob-case-unavailable{scroll-margin-top:132px}
}

/* Appearance-first tasting stage. */
.ob-case{scroll-margin-top:90px}.ob-step-label{margin:0;color:var(--ob-wine);font-size:12px;font-weight:800;letter-spacing:.12em}.ob-appearance-stage{margin:22px 0 28px;padding:clamp(17px,3vw,25px);border:1px solid #cfbeb2;border-radius:16px;background:radial-gradient(circle at 50% 115%,#d8c5af 0 4%,transparent 35%),linear-gradient(150deg,#f7f0e7,#fffdf8 58%,#f2e7dc)}.ob-appearance-heading{display:flex;justify-content:space-between;align-items:start;gap:22px}.ob-appearance-heading h3{margin:3px 0 0;font:500 clamp(22px,3vw,29px)/1.3 "Yu Mincho",serif;color:var(--ob-wine)}.ob-appearance-heading>p{max-width:330px;margin:1px 0 0;color:#665b57;font-size:12px;line-height:1.65}.ob-appearance-samples{display:flex;justify-content:center;align-items:start;gap:clamp(10px,3vw,28px);margin:17px auto 12px}.ob-appearance-sample{display:grid;flex:1 1 110px;justify-items:center;min-width:0;max-width:150px;margin:0}.ob-appearance-glass{display:block;width:min(100%,138px);height:auto;overflow:visible;pointer-events:none}.ob-appearance-bowl{fill:none;stroke:#6f6766;stroke-width:2.2;stroke-linejoin:round}.ob-appearance-stem{fill:none;stroke:#6f6766;stroke-width:2.2;stroke-linecap:round}.ob-appearance-shine{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.78}.ob-appearance-liquid{stroke:#4f454333;stroke-width:1}.ob-appearance-through{fill:none;stroke:#4f4543;stroke-width:2;stroke-linecap:round}.ob-appearance-rim{fill:none;stroke-width:5;stroke-linecap:round;opacity:.9}.ob-appearance-reflection{opacity:.42}.ob-appearance-legs{fill:none;stroke-width:2;stroke-linecap:round;opacity:.42}.ob-appearance-legs.is-high{stroke-width:3;opacity:.7}.ob-appearance-unspecified{fill:none;stroke:#777071;stroke-width:1.5;stroke-dasharray:5 5}.ob-appearance-unspecified text{fill:#665f61;stroke:none;font:700 19px/1 sans-serif}.ob-appearance-sample figcaption{display:grid;gap:3px;width:100%;text-align:center}.ob-appearance-sample figcaption strong{color:var(--ob-wine);font-size:14px}.ob-appearance-sample figcaption span{color:#493f3d;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.ob-appearance-sample figcaption small{color:#685d59;font-size:12px;line-height:1.45}.ob-appearance-transcript{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px;margin:14px 0 0;padding:11px 13px;border-radius:9px;background:#fffdf8c9;color:#514744;font-size:14px;line-height:1.7}.ob-appearance-transcript b{color:var(--ob-wine);font-size:12px;letter-spacing:.08em}.ob-case-reasoning{margin-top:4px}.ob-case-reasoning>.ob-step-label{margin-bottom:7px}.ob-case-reasoning .ob-case-clues{margin-top:0}.ob-case-answer-heading{margin:17px 0 8px}.ob-case-answer-heading h3{margin:3px 0 0;font:500 21px/1.45 "Yu Mincho",serif;color:var(--ob-wine)}.ob-case-answer-heading+.ob-case-fields{margin-top:0}.ob-case-review-observation,.ob-case-goal{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px;margin:12px 0 16px;padding:11px 13px;border:1px solid #d9cec9;border-radius:9px;background:#fff;color:#514744;font-size:14px;line-height:1.7}.ob-case-review-observation b,.ob-case-goal b{color:var(--ob-wine);font-size:12px;letter-spacing:.06em}.ob-next-cue{margin:8px 0 10px!important;padding:0!important;border:0!important;color:#5f6c5c;font-weight:700}#ob-case-question-title{scroll-margin-top:155px}
@media(max-width:700px){.ob-appearance-stage{margin:16px 0 20px;padding:14px 12px}.ob-appearance-heading{display:grid;gap:5px}.ob-appearance-heading h3{font-size:22px}.ob-appearance-heading>p{font-size:12px}.ob-appearance-samples{justify-content:flex-start;gap:9px;margin:10px -2px 8px;padding:0 22px 5px 2px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.ob-appearance-samples[data-sample-count="1"]{justify-content:center;padding-inline:2px;overflow:visible}.ob-appearance-sample{flex:0 0 104px;max-width:104px;scroll-snap-align:start}.ob-appearance-glass{width:86px}.ob-appearance-sample figcaption small{font-size:12px}.ob-appearance-transcript,.ob-case-review-observation,.ob-case-goal{grid-template-columns:1fr;gap:2px;padding:9px 10px}.ob-case-clues{gap:7px}.ob-case-clues p{padding:10px}#ob-case-question-title{scroll-margin-top:190px}}
@media(forced-colors:active){.ob-appearance-stage,.ob-appearance-transcript,.ob-case-review-observation{border:1px solid CanvasText;background:Canvas}.ob-appearance-bowl,.ob-appearance-stem,.ob-appearance-unspecified{stroke:CanvasText}.ob-appearance-liquid{fill:CanvasText;fill-opacity:.2}.ob-appearance-shine,.ob-appearance-through{display:none}}
/* Compact observation and case milestones. */
.ob-appearance-stage{margin:18px 0 20px;padding:16px 18px}
.ob-appearance-heading{align-items:center}
.ob-appearance-samples{margin:8px auto 0}
.ob-appearance-samples[data-sample-count="1"]{justify-content:center;margin-top:4px}
.ob-appearance-samples[data-sample-count="1"] .ob-appearance-sample{grid-template-columns:150px minmax(0,1fr);align-items:center;justify-items:stretch;gap:16px;max-width:460px;width:100%}
.ob-appearance-samples[data-sample-count="1"] .ob-appearance-glass{width:150px;justify-self:center}
.ob-appearance-samples[data-sample-count="1"] figcaption{text-align:left}
.ob-case-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 18px;padding:0;list-style:none}
.ob-case-route li{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:6px;border:1px solid #d9cec9;border-radius:9px;background:#fff;color:#514744;font-size:12px}
.ob-case-route b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ob-wine);color:#fff;font-size:11px}
.ob-clue-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.ob-clue-actions button{min-height:44px;padding:8px 12px;border:1px solid #bdaeb2;border-radius:9px;background:#fff;color:var(--ob-wine);font-weight:700}
.ob-clue-actions button[aria-expanded="true"]{border-color:var(--ob-wine);background:#f8ecef;box-shadow:inset 0 0 0 1px var(--ob-wine)}
.ob-case-reasoning .ob-case-clues{margin:8px 0 12px}
.ob-case-complete-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:390px;margin:18px auto}
.ob-case-complete-summary>div{display:grid;gap:2px;padding:13px;border:1px solid #d9cec9;border-radius:10px;background:#fff}
.ob-case-complete-summary b{color:var(--ob-wine);font-size:12px}
.ob-case-complete-summary strong{color:var(--ob-wine);font:600 27px/1 Georgia,serif}
.ob-case-complete-summary span{color:#665b57;font-size:12px}
@media(max-width:700px){
  .ob-appearance-stage{margin:14px 0 18px;padding:12px}
  .ob-appearance-samples{margin-top:6px}
  .ob-appearance-samples[data-sample-count="1"]{max-width:330px}
  .ob-appearance-samples[data-sample-count="1"] .ob-appearance-sample{flex:1 1 auto;grid-template-columns:118px minmax(0,1fr);gap:10px;max-width:330px}
  .ob-appearance-samples[data-sample-count="1"] .ob-appearance-glass{width:118px}
  .ob-case-route{gap:4px}
  .ob-case-route li{display:grid;justify-items:center;align-content:center;gap:2px;padding:5px 2px;font-size:11px;text-align:center}
}
.ob-case-field,.ob-case-field label{min-width:0}.ob-case-field select{width:100%;min-width:0;max-width:100%}

.ob-page .ob-focus-target:focus-visible{outline:3px solid var(--ob-wine);outline-offset:3px}
.ob-mode-tabs button{min-width:0}
.ob-validation-message{margin:8px 0 12px;padding:8px 10px;border-left:3px solid #a26c47;background:#fff7ee;color:#6a432d;font-size:12px;line-height:1.6}
.ob-validation-message:empty{display:none}
#ob-quiz-title,#ob-case-title,#ob-selected-title,#ob-compare-title{scroll-margin-top:90px}
@media(max-width:700px){#ob-quiz-title,#ob-case-title,#ob-selected-title,#ob-compare-title{scroll-margin-top:132px}}
@media(forced-colors:active){
  .ob-page .ob-focus-target:focus-visible,.ob-mode-tabs button:focus-visible{outline-color:Highlight}
  .ob-mode-tabs button[aria-pressed="true"],.ob-results article.is-selected,.ob-compare-toggle[aria-pressed="true"]{border:1px solid Highlight;outline:1px solid Highlight}
  .ob-validation-message{border-color:CanvasText;background:Canvas;color:CanvasText}
}

/* Keep browsing conditions and study modes explicit without changing study state. */
.ob-filter .ob-text-button:disabled{cursor:not-allowed;opacity:.5}
.ob-topic-picker{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:12px}
.ob-topic-picker>span{color:#756965;font-size:11px;font-weight:700}
.ob-learn-topics{margin:4px 0 0}
.ob-learn-topics button{min-height:44px}
.ob-active-filters{margin-top:12px;padding:12px 14px;border:1px solid #ded3ce;border-radius:10px;background:#f8f4ee}
.ob-active-filters h3{margin:0 0 8px;color:#655953;font-size:12px}
.ob-active-filters ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.ob-active-filters li{display:flex;align-items:center;gap:6px;max-width:100%;padding:3px 5px 3px 10px;border:1px solid #d7c9c1;border-radius:999px;background:#fff;color:#514744;font-size:11px;overflow-wrap:anywhere}
.ob-active-filters li button{flex:0 0 auto;min-width:44px;min-height:44px;padding:5px 8px;border:0;border-radius:999px;background:#f5ece9;color:var(--ob-wine);font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ob-compare-status{justify-content:space-between;align-items:center;margin:12px 0 -8px;padding:8px 10px;border:1px solid #ded3ce;border-radius:10px;background:#fffdf8;color:#514744}
.ob-compare-status>div{min-width:0;display:grid;gap:5px}
.ob-compare-status b{color:var(--ob-wine);font-size:12px}
.ob-compare-status ul{display:flex;flex-wrap:wrap;gap:5px 10px;margin:0;padding:0;list-style:none}
.ob-compare-status li{display:flex;align-items:center;gap:5px;color:#625753;font-size:11px}
.ob-compare-status li button{min-height:44px;padding:4px 7px;border:0;background:transparent;color:var(--ob-wine);font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ob-compare-status>button{flex:0 0 auto}
.ob-detail-actions{justify-content:flex-start;margin:12px 0 18px}
@media(max-width:700px){
  .ob-active-filters{padding:10px}
  .ob-active-filters li{font-size:11px}
  .ob-compare-status{top:62px;gap:8px;margin:10px 0;padding:7px 8px}
  .ob-compare-status ul{flex-wrap:nowrap;max-width:calc(100vw - 136px);overflow-x:auto;scrollbar-width:thin}
  .ob-compare-status li{flex:0 0 auto}
  .ob-compare-status>button{min-height:44px;padding:6px 9px}
}
@media(forced-colors:active){
  .ob-active-filters,.ob-active-filters li,.ob-compare-status{border-color:CanvasText;background:Canvas;color:CanvasText}
  .ob-active-filters li button,.ob-compare-status li button{border:1px solid LinkText;color:LinkText}
}
.ob-hero.is-practice-active{display:block;padding:8px 4.8%;background:transparent}
.ob-hero.is-practice-active .bt-eyebrow{display:none}
.ob-hero.is-practice-active h1{margin:0;color:#746c6e;font:600 14px/1.5 system-ui,sans-serif;letter-spacing:0}
.ob-entry-action{display:flex;justify-content:flex-end;margin:0 0 12px}
.ob-entry-action .bt-button{min-height:44px;padding:8px 14px;font-size:12px}
.ob-study-details{max-width:960px;margin:20px auto;padding:0 18px;border:1px solid #d9cec9;border-radius:10px;background:#fffdf8}
.ob-study-details>summary{min-height:48px;align-content:center;color:var(--ob-wine);cursor:pointer;font-size:12px;font-weight:700}
.ob-study-details .ob-summary{margin:0 0 14px;box-shadow:none;border-radius:10px}
.ob-answer-compare.is-sequential{grid-template-columns:minmax(0,1fr);gap:7px}
.ob-option-explanations{margin-top:14px;padding-top:8px;border-top:1px solid #d8cfc8}
.ob-option-explanations>summary{min-height:44px;align-content:center;color:var(--ob-wine);cursor:pointer;font-size:12px;font-weight:700}
.ob-option-explanations p{margin:6px 0}
.ob-active-scope{margin:8px 18px 0;padding:6px 10px;border-left:3px solid var(--ob-wine);background:#f8f2ed;color:#58463f;font-size:14px;font-weight:700}
@media(max-width:700px){
  .ob-hero.is-practice-active{padding:6px 18px}
  .ob-entry-action{justify-content:stretch;margin-bottom:10px}
  .ob-entry-action .bt-button{width:100%}
  .ob-study-details{padding-inline:12px}
  .ob-active-scope{margin-inline:12px;font-size:16px}
  .ob-answer-compare.is-sequential{grid-template-columns:1fr}
}

.ob-more-filters .ob-search { grid-column: 1 / -1; margin-top: 0; }
.ob-options button{display:flex;align-items:center;width:100%;min-height:58px;padding:11px 13px;border:1px solid #cfc2bd;border-radius:10px;background:#fff;color:var(--ob-ink);font:inherit;text-align:left;cursor:pointer}
.ob-options button:hover{border-color:var(--ob-wine);background:#f8ecef}
.ob-options button:focus-visible{outline:3px solid var(--ob-wine);outline-offset:2px}
.ob-case-field{grid-template-columns:minmax(0,1fr)}