/* Small matches (9 October 2026): the audit's four small mismatches, each made the same as its twin.
   Matched is now loaded by the shop and comparison previews. Every rule sits under html.mt-on, which the study sets for Matched.
   The owner approved every Matched option in the batch 3 continuation brief. */

/* V-004. Smart Bundle Add corners match sheets at 10px. Text sizes are unified below,
   using the shop list's existing size at each width. */
html.mt-on #smart .button.small-button{border-radius:10px}

/* V-101. The order details panel's close button looks and sits like the cart panel's: no grey circle, and the same
   compact head, so the button is 9px from the top and 27px from the edge (it was 21px and 39px). */
html.mt-on .os-side .dialog-header{min-height:60px;padding:8px 12px 8px 24px}
html.mt-on .os-side .dialog-header .icon-button{background:transparent}

/* V-200. On a phone the My sheets count is the size of the one on Wishlist, Orders and Rewards (14px, was 13px) and the
   heading keeps their 14px under it (was 12px), so the tabs do not move between the four pages. */
@media(max-width:600px){
 html.mt-on .my-sheets-page .library-total{font-size:14px;line-height:1.4}
 html.mt-on .my-sheets-page[data-ls] .page-heading{margin-bottom:14px}
}

/* V-302. A free resource's preview takes the product preview's title: Source Serif 4, 24px (23px on a phone). */
html.mt-on #detailDialog[data-detail-key^="sample:"] .dialog-header h2{font:600 24px/1.2 var(--serif);letter-spacing:-.02em}
@media(max-width:600px){html.mt-on #detailDialog[data-detail-key^="sample:"] .dialog-header h2{font-size:23px}}

/* V-004: one Add size per device, exactly the shop list's existing 14px phone / 15px laptop.
   The scoped important rule overrides the studies' differing font shorthands. */
html.mt-on :is(button[data-add],button[data-add-all],button.added-toggle,.lm-btn.is-added){font-size:14px!important}
@media(width > 600px){html.mt-on :is(button[data-add],button[data-add-all],button.added-toggle,.lm-btn.is-added){font-size:15px!important}}