/* Free sheet window (study started 8 October 2026). Loaded only by compare/free-sheet-window-live.html, never by the shop.
   Every rule starts from one of the study's own classes (rd-…), so nothing here can reach the rest of the shop.
   Phone rules first (the designs are made at 390px wide); laptop rules go under one @media(min-width:601px) block.
   The measures are the shop's own: rows from the search screen's Picture rows, the top bar from the phone cart, the bar
   at the foot from the search screen's cart bar.
   The phone's pick is One screen (8 October 2026). In the shop, By subject and Opens in place are deleted, with their rules. */

/* ---- A sheet's cover, a row, the Choose button ---- */
.rd-cover{display:block;flex:none;width:58px;border:1px solid var(--line-strong);border-radius:4px;background:#fff}
.rd-cover .pg{display:block;border-radius:3px}
.rd-rows{border-top:1px solid var(--line)}
.rd-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.rd-rows>.rd-row:last-child{border-bottom:0}
.rd-open{display:flex;align-items:flex-start;gap:14px;min-width:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left}
.rd-text{display:block;min-width:0}
.rd-text b{display:block;font-size:16.5px;font-weight:650;line-height:1.28;color:var(--ink);overflow-wrap:anywhere}
.rd-text small{display:block;margin-top:3px;font-size:14px;line-height:1.35;color:var(--muted)}
.rd-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.rd-price{display:flex;align-items:baseline;gap:6px;font-size:16px;white-space:nowrap}
.rd-price b{font-weight:700;color:var(--green-hover)}
.rd-price s{font-size:14px;color:var(--quiet)}
.rd-choose{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:98px;min-height:44px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--forest);font:600 15px/1.2 var(--sans);transition:background .12s,border-color .12s,color .12s}
.rd-choose .icon{width:17px;height:17px;stroke-width:2.4}
.rd-choose.is-on{border-color:var(--green);background:var(--green);color:#fff}
.rd-row.is-owned .rd-text b{color:var(--muted);font-weight:600}
.rd-own{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--green);white-space:nowrap}
.rd-own .icon{width:16px;height:16px;stroke-width:2.4}
.rd-lede{margin:0;font-size:15.5px;line-height:1.5;color:var(--muted)}
.rd-menus{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;margin-top:16px}
.rd-menus .field{margin:0;min-width:0}
.rd-menus .dd-button{display:flex;width:100%;min-width:0}
.rd-screen .rd-count{margin:18px 0 0;padding-bottom:8px;font-size:14px;line-height:1.4;color:var(--muted)}
@media(max-width:350px){
 .rd-row{grid-template-columns:minmax(0,1fr);gap:8px}
 .rd-row .rd-end{flex-direction:row;align-items:center;justify-content:space-between;padding-left:72px}
 .rd-menus{grid-template-columns:116px minmax(0,1fr);gap:8px}
 .rd-menus .dd-button{padding:0 10px;gap:6px}
}

/* ---- The bar at the foot: the chosen sheet and "Get it free" ---- */
.rd-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;border-top:1px solid var(--line);background:#fff;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 4px #003a1c05}
.rd-bar[hidden]{display:none}
.rd-bar .rd-cover{width:34px;border-radius:3px}
.rd-bar-text b{display:block;font-size:15.5px;font-weight:650;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}
.rd-bar-text small{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--muted)}
.rd-bar .button{grid-column:1/-1;width:100%;min-height:50px}

/* ---- The shop's window as a full screen ---- */
@media(max-width:600px){
 #utilityDialog.rd-on{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;animation:none;background:#fff}
 #utilityDialog.rd-on::backdrop{background:#fff;animation:none}
}
.rd-screen{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;color:var(--ink)}
.rd-screen :where(h2,h3,p){margin:0}
.rd-head{flex:none;display:flex;align-items:center;gap:2px;min-height:56px;padding:6px 20px 6px 6px;border-bottom:1px solid var(--line);background:#fff}
.rd-head h2{font:600 20px/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.rd-back{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--forest)}
.rd-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 28px}
.rd-foot{flex:none}
.rd-foot .dialog-status{margin:0 20px 10px}
@media(max-width:360px){.rd-body{padding-left:16px;padding-right:16px}.rd-bar{padding-left:16px;padding-right:16px}.rd-head{padding-right:16px}}

/* ---- The Learn more window while a free sheet is being chosen ---- */
#detailDialog .rd-get{gap:0!important;font-size:0!important}
#detailDialog .rd-get>svg{display:none!important}
#detailDialog .rd-get::after{content:"Choose this sheet";font-size:16px;line-height:1.25}
#detailDialog.rd-detail .lm-price{display:grid;gap:1px}
#detailDialog.rd-detail .lm-price::before{content:"Free";font:600 24px/1.1 var(--serif);letter-spacing:-.02em;color:var(--green-hover)}
#detailDialog.rd-detail .lm-price b{font:400 15px/1.2 var(--sans);color:var(--quiet);text-decoration:line-through}

/* ---- The unlocking, after "Get it free" (Unlock screen, Unlock card) ----
   Every part changes where it stands: the ring fills (0.6s, with the count), the lock lifts (0.15s), then the tick, the
   cover at full strength and the words (0.2s). The words and the button keep their room from the start. */
html.rd-quiet :is(#toastHost,.ts-host){visibility:hidden}
dialog.rd-done{padding:0;color:var(--ink);background:#fff;overflow:hidden}
dialog.rd-done :where(h2,p){margin:0}
dialog.rd-done h2:focus{outline:0}
.rd-done-in{display:grid;justify-items:center;text-align:center}
.rd-prize{position:relative}
.rd-prize .rd-cover{width:100%;border-radius:6px;opacity:.38;filter:grayscale(1);transform:translateY(4px);transition:opacity .2s,filter .2s,transform .2s var(--ease),box-shadow .2s}
.rd-prize .rd-cover .pg{border-radius:5px}
.rd-done.is-done .rd-prize .rd-cover{opacity:1;filter:none;transform:none;box-shadow:0 2px 6px #1e4c2b1f}
.rd-seal{position:absolute;display:block}
.rd-seal svg{display:block;width:100%;height:100%;overflow:visible}
.rd-seal-disc{fill:#fff;stroke:var(--line-strong);stroke-width:2.5;transition:fill .2s,stroke .2s}
.rd-seal-ring{fill:none;stroke:var(--green);stroke-width:2.5;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:22px 22px}
.rd-done.is-spending .rd-seal-ring{stroke-dashoffset:0;transition:stroke-dashoffset .6s linear}
.rd-lock{fill:none;stroke:var(--forest);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .12s}
.rd-lock rect{fill:var(--forest)}
.rd-shackle{transition:transform .15s var(--ease)}
.rd-done.is-open .rd-shackle{transform:translateY(-3px)}
.rd-tick{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100}
.rd-done.is-done .rd-lock{opacity:0}
.rd-done.is-done .rd-seal-disc{fill:var(--green);stroke:var(--green)}
.rd-done.is-done .rd-tick{stroke-dashoffset:0;transition:stroke-dashoffset .2s .04s var(--ease)}
.rd-left{font-size:15px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums lining-nums}
.rd-left b{font-weight:650;color:var(--ink)}
.rd-done-words h2{font:600 30px/1.15 var(--serif);letter-spacing:-.03em;color:var(--forest)}
.rd-done-words p{margin-top:8px;font-size:16px;line-height:1.45;color:var(--muted)}
.rd-done-words p b{font-weight:600;color:var(--ink)}
.rd-done-words,.rd-done-actions{opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s var(--ease)}
.rd-done.is-done :is(.rd-done-words,.rd-done-actions){opacity:1;transform:none;pointer-events:auto}
.rd-done-actions{display:grid;justify-items:center;gap:4px;width:100%}
.rd-done-actions .button{width:100%;min-height:52px}
/* Unlock screen: a full screen, everything in the middle */
dialog.rd-done.is-full{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0}
dialog.rd-done.is-full::backdrop{background:#fff}
.rd-done:not(.is-card) .rd-done-in{align-content:center;height:100%;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px))}
.rd-done:not(.is-card) .rd-prize{width:148px}
.rd-done:not(.is-card) .rd-seal{top:-18px;right:-18px;width:48px;height:48px}
.rd-done:not(.is-card) .rd-left{margin-top:20px}
.rd-done:not(.is-card) .rd-done-words{max-width:310px;margin-top:22px}
.rd-done:not(.is-card) .rd-done-actions{max-width:350px;margin-top:28px}
/* Unlock card: a small card at the foot, over My sheets */
dialog.rd-done.is-card{width:100%;max-width:100vw;margin:auto 0 0;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 4px 16px #001a0a19;animation:dialog-in .2s var(--ease)}
dialog.rd-done.is-card::backdrop{background:rgba(10,28,17,.42)}
.is-card .rd-done-in{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"prize words" "prize left" "actions actions";justify-items:start;align-items:start;column-gap:26px;text-align:left;padding:30px 20px calc(16px + env(safe-area-inset-bottom,0px))}
.is-card .rd-prize{grid-area:prize;width:76px;margin-left:2px}
.is-card .rd-seal{top:-14px;right:-14px;width:36px;height:36px}
.is-card .rd-done-words{grid-area:words}
.is-card .rd-done-words h2{font-size:25px}
.is-card .rd-done-words p{margin-top:5px;font-size:15px}
.is-card .rd-left{grid-area:left;align-self:end;margin-top:8px;font-size:14px}
.is-card .rd-done-actions{grid-area:actions;margin-top:22px}
@media(prefers-reduced-motion:reduce){.rd-choose,.rd-done *{transition:none!important}dialog.rd-done.is-card{animation:none}}

#utilityDialog.rd-under::backdrop{background:transparent}

/* ---- The laptop (round one, 8 October 2026): One screen in three frames, the chosen sheet always in view ---- */
@media(min-width:601px){
 #utilityDialog.rd-on{max-width:none;max-height:none;animation:none;background:#fff}
 #utilityDialog.rd-on[data-rd="pc-window"],dialog.rd-done.is-window{width:min(1100px,calc(100vw - 48px));height:min(640px,calc(100dvh - 32px));margin:auto;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 16px #001a0a19}
 #utilityDialog.rd-on[data-rd="pc-panel"],dialog.rd-done.is-panel{width:480px;max-width:100vw;height:100dvh;max-height:none;margin:0 0 0 auto;border:0;border-left:1px solid var(--line);border-radius:16px 0 0 16px;box-shadow:0 4px 16px #001a0a19}
 #utilityDialog.rd-on[data-rd="pc-full"]{width:100vw;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}
 #utilityDialog.rd-on[data-rd="pc-full"]::backdrop{background:#fff}
 dialog.rd-done:is(.is-window,.is-panel)::backdrop{background:rgba(10,28,17,.42)}
 .rd-pc .rd-head{justify-content:space-between;gap:16px;min-height:62px;padding:8px 16px 8px 28px}
 .rd-pc .rd-head h2{font-size:22px}
 .rd-close{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--soft);color:var(--forest)}
 .rd-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}
 .rd-pc .rd-body{padding:16px 28px 8px}
 .rd-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px}
 .rd-pc .rd-menus{display:flex;gap:20px;margin:0}
 .rd-pc .rd-menus .field{display:flex;align-items:center;gap:10px;font-size:14px}
 .rd-pc .rd-menus .dd-button{width:auto;min-width:128px}
 .rd-pc .rd-menus .field:last-child .dd-button{min-width:220px}
 .rd-pc .rd-count{margin:0;padding:0;text-align:right}
 .rd-pc .rd-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;align-content:start;border-top:0}
 .rd-pc .rd-row{border-bottom:0;border-top:1px solid var(--line);align-items:start;padding:10px 0}
 .rd-pc .rd-rows .rd-cover{width:50px}
 .rd-pc .rd-text b{font-size:16px}
 .rd-pc .rd-open:hover .rd-text b{text-decoration:underline;text-underline-offset:3px}
 .rd-pc .rd-choose:hover{border-color:var(--forest)}
 .rd-pc .rd-choose.is-on:hover{border-color:var(--green-hover);background:var(--green-hover)}
 /* The chosen sheet, on a soft ground at the right */
 .rd-side{display:grid;align-content:start;justify-items:start;gap:0;padding:26px 28px;background:var(--soft);border-left:1px solid var(--line)}
 .rd-side .rd-cover,.rd-slot{width:118px}
 .rd-slot{display:block;aspect-ratio:210/297;border:1.5px dashed var(--line-strong);border-radius:5px;background:#fff}
 .rd-side-text{margin-top:18px}
 .rd-side h3{margin:0;font:600 20px/1.25 var(--serif);letter-spacing:-.02em;color:var(--ink)}
 .rd-side p{margin:0}
 .rd-side-meta{margin-top:5px!important;font-size:14px;line-height:1.4;color:var(--muted)}
 .rd-side-price{display:flex;align-items:baseline;gap:7px;margin-top:12px!important;font-size:18px}
 .rd-side-price b{font-weight:700;color:var(--green-hover)}
 .rd-side-price s{font-size:15px;color:var(--quiet)}
 .rd-side-note{margin-top:4px!important;font-size:14.5px;line-height:1.45;color:var(--muted)}
 .rd-side.is-empty .rd-side-note{margin-top:8px!important}
 .rd-side .button{width:100%;min-height:50px;margin-top:20px}
 .rd-side .button:disabled{border-color:var(--line);background:var(--line);color:var(--quiet);cursor:default}
 .rd-side-more{margin-top:6px;font-size:15px}
 .rd-pc>.dialog-status{margin:0 28px 12px}
 /* Side panel: one column, the chosen sheet as a bar at the foot */
 [data-rd="pc-panel"] .rd-main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 [data-rd="pc-panel"] .rd-top{display:block;padding-bottom:6px}
 [data-rd="pc-panel"] .rd-menus{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px}
 [data-rd="pc-panel"] .rd-menus .field{display:grid;gap:7px}
 [data-rd="pc-panel"] .rd-menus .dd-button,[data-rd="pc-panel"] .rd-menus .field:last-child .dd-button{width:100%;min-width:0}
 [data-rd="pc-panel"] .rd-count{margin-top:14px;text-align:left}
 [data-rd="pc-panel"] .rd-rows{grid-template-columns:minmax(0,1fr)}
 [data-rd="pc-panel"] .rd-row{align-items:center}
 [data-rd="pc-panel"] .rd-side{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:14px 28px 16px;border-left:0;border-top:1px solid var(--line);background:#fff;box-shadow:0 -2px 4px #003a1c05}
 [data-rd="pc-panel"] .rd-side :is(.rd-cover,.rd-slot){width:44px}
 [data-rd="pc-panel"] .rd-side-text{margin:0}
 [data-rd="pc-panel"] .rd-side h3{font:650 15.5px/1.25 var(--sans);letter-spacing:0}
 [data-rd="pc-panel"] .rd-side :is(.rd-side-meta,.rd-side-price,.rd-side-more){display:none}
 [data-rd="pc-panel"] .rd-side-note{margin-top:2px!important;font-size:13.5px}
 [data-rd="pc-panel"] .rd-side .button{width:auto;margin:0;white-space:nowrap}
 /* Full screen: the same two columns and chosen sheet, in the middle of the screen */
 [data-rd="pc-full"] .rd-head{padding-inline:max(28px,calc(50vw - 560px))}
 [data-rd="pc-full"] .rd-main{width:100%;max-width:1176px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 320px}
 [data-rd="pc-full"] .rd-body{padding-top:28px}
 [data-rd="pc-full"] .rd-side{margin:28px 28px 28px 0;border:0;border-radius:16px;align-self:start}
 dialog.rd-done.is-full{border-radius:0}
}
/* ---- Laptop round two (8 October 2026): a calm full screen, large covers, one button ---- */
@media(min-width:601px){
 #utilityDialog.rd-on[data-rd="pc-shelf"]{width:100vw;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}
 #utilityDialog.rd-on[data-rd="pc-shelf"]::backdrop{background:#fff}
 .rd-ghead{position:relative;flex:none;display:flex;justify-content:center;padding:30px 84px 0;text-align:center}
 .rd-ghead h2{font:600 40px/1.1 var(--serif);letter-spacing:-.035em;color:var(--forest)}
 .rd-ghead h2:focus{outline:0}
 .rd-ghead .rd-close{position:absolute;top:18px;right:22px}
 /* A plain block, not a grid: as a grid's last row the bar at the foot was given less height than its own contents. */
 .rd-grand .rd-body{display:block;padding:12px 40px 0;text-align:center}
 .rd-grand :is(.rd-shelf,.rd-find){margin-inline:auto}
 .rd-grand .rd-lede{font-size:17px;text-align:center}
 .rd-grand .rd-menus{display:flex;justify-content:center;gap:14px;margin-top:22px}
 .rd-grand .rd-menus .field{display:flex;align-items:center;gap:10px;font-size:14px}
 .rd-grand .rd-menus .field:last-child .dd-button{min-width:230px}
 .rd-allmine{margin-top:30px!important;font-size:17px;color:var(--muted)}
 /* Row of covers */
 /* Covers fill a row and start another: eight across at most on a laptop, fewer on a narrower screen, however many there are. */
 .rd-shelf{--across:8;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px 24px;width:100%;max-width:1260px;margin-top:28px}
 .rd-card{flex:0 0 min(150px,calc((100% - (var(--across) - 1)*24px)/var(--across)));min-width:0;display:grid;justify-items:start;align-content:start;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left}
 button.rd-card{cursor:pointer}
 .rd-card-cover{position:relative;display:block;width:100%}
 .rd-card .rd-cover{width:100%;border-radius:6px;transition:transform .12s var(--ease),box-shadow .12s}
 .rd-card .rd-cover .pg{border-radius:5px}
 button.rd-card:hover .rd-cover{transform:translateY(-3px);box-shadow:0 2px 6px #1e4c2b1f}
 .rd-card.is-on .rd-cover{outline:2.5px solid var(--green);outline-offset:4px}
 .rd-card-tick{position:absolute;top:-13px;right:-13px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;opacity:0;transition:opacity .12s}
 .rd-card-tick .icon{width:18px;height:18px;stroke-width:2.8}
 .rd-card.is-on .rd-card-tick{opacity:1}
 .rd-card>b{display:block;margin-top:14px;font-size:15px;font-weight:650;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
 .rd-card .rd-price{margin-top:7px;font-size:15px}
 .rd-card.is-owned .rd-cover{opacity:.4;filter:grayscale(1)}
 .rd-card.is-owned>b{color:var(--muted);font-weight:600}
 .rd-card.is-owned .rd-own{margin-top:6px}
 /* The one button stays at the foot of the screen when the covers take more than the screen. */
 .rd-act{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:22px;min-height:54px;width:calc(100% + 80px);margin:24px -40px 0;padding:0 40px 28px;background:#fff}
 .rd-act.is-long{padding-top:12px;padding-bottom:16px;border-top:1px solid var(--line)}
 .rd-find{position:relative;display:block;width:min(420px,100%);margin-top:16px}
 .rd-find>.icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--quiet);pointer-events:none}
 .rd-find input{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:12px;padding:10px 14px 10px 42px;background:#fff;color:var(--ink);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}
 .rd-find input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--mint)}
 .rd-found{margin-top:10px!important;font-size:14px;color:var(--muted)}
 .rd-grand .rd-menus.is-one .field:last-child .dd-button{min-width:128px}
 /* Row of covers, versions (8 October 2026): the menus and the search field as one line, or as one joined bar. */
 .rd-ctl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px}
 .rd-grand .rd-ctl .rd-menus{display:contents}
 .rd-grand .rd-ctl .rd-menus .field{gap:0}
 .rd-grand .rd-ctl .rd-find{flex:0 1 340px;width:auto;margin:0}
 .rd-ctl .rd-find input{border-radius:10px}
 .rd-ctl-bar .rd-ctl{flex-wrap:nowrap;gap:0;width:fit-content;max-width:100%;margin-inline:auto;padding:0 5px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;transition:border-color .12s,box-shadow .12s}
 .rd-ctl-bar .rd-ctl:has(input:focus){border-color:var(--green);box-shadow:0 0 0 3px var(--mint)}
 .rd-ctl-bar .rd-ctl .dd-button{height:54px;border:0;border-radius:10px;background:none}
 .rd-ctl-bar .rd-ctl .dd-button:hover{background:var(--soft)}
 .rd-ctl-bar .rd-ctl .field+.field,.rd-ctl-bar .rd-ctl .rd-find{position:relative}
 .rd-ctl-bar .rd-ctl .field+.field::before,.rd-ctl-bar .rd-ctl .rd-find::before{content:"";position:absolute;left:0;top:13px;bottom:13px;border-left:1px solid var(--line-strong)}
 .rd-grand.rd-ctl-bar .rd-ctl .field{flex:none}
 .rd-grand.rd-ctl-bar .rd-ctl .rd-find{flex:0 1 330px;width:330px;min-width:170px}
 .rd-ctl-bar .rd-ctl .rd-find input{min-height:54px;border:0;background:none}
 .rd-ctl-bar .rd-ctl .rd-find input:focus{box-shadow:none}
 /* One line's endings (8 October 2026): the unlocking large, beside the words, or large on a ground that turns pale green. */
 .rd-done:is(.is-fin-big,.is-fin-ground) .rd-prize{width:min(230px,calc((100dvh - 350px)/1.42))}
 .rd-done[class*="is-fin-"] .rd-seal{top:-27px;right:-27px;width:68px;height:68px}
 .rd-done[class*="is-fin-"] .rd-prize .rd-cover{border-radius:9px}
 .rd-done[class*="is-fin-"].is-done .rd-prize .rd-cover{box-shadow:0 3px 10px #1e4c2b24}
 .rd-done[class*="is-fin-"] .rd-left{margin-top:28px;font-size:17px}
 .rd-done[class*="is-fin-"] .rd-done-words{max-width:620px;margin-top:16px}
 .rd-done[class*="is-fin-"] .rd-done-words h2{font-size:54px;line-height:1.08}
 .rd-done[class*="is-fin-"] .rd-done-words p{margin-top:10px;font-size:19px}
 .rd-done[class*="is-fin-"] .rd-done-actions{max-width:300px;margin-top:28px}
 .rd-done[class*="is-fin-"] .rd-done-actions .button{min-height:58px;font-size:18px}
 dialog.rd-done.is-fin-ground{transition:background-color .2s}
 dialog.rd-done.is-fin-ground.is-done{background:var(--mint)}
 dialog.rd-done.is-fin-ground.is-done::backdrop{background:var(--mint)}
 dialog.rd-done.is-fin-ground .rd-done-words p{color:var(--ink)}
 .rd-done.is-fin-beside .rd-done-in{grid-template-columns:auto fit-content(460px);justify-content:center;align-items:center;justify-items:start;column-gap:84px;text-align:left}
 .rd-done-pic{display:grid;justify-items:center}
 .rd-done.is-fin-beside .rd-prize{width:min(300px,calc((100dvh - 170px)/1.42))}
 .rd-done.is-fin-beside .rd-done-side{display:grid;justify-items:start;width:100%}
 .rd-done.is-fin-beside .rd-done-words{margin-top:0}
 .rd-done.is-fin-beside .rd-done-words h2{font-size:64px}
 .rd-done.is-fin-beside .rd-done-words p{margin-top:14px;font-size:20px}
 .rd-done.is-fin-beside .rd-done-actions{justify-items:start;margin-top:32px}
 .rd-act p{font-size:16px;line-height:1.4;color:var(--muted)}
 .rd-act p b{margin-right:10px;font-weight:650;color:var(--ink)}
 .rd-act .button{min-width:210px;min-height:54px;font-size:17px}
 .rd-act .button:disabled{border-color:var(--line);background:var(--line);color:var(--quiet);cursor:default}
}
@media(min-width:601px) and (max-width:1179px){.rd-shelf{--across:6}}
@media(min-width:601px) and (max-width:899px){.rd-done.is-fin-beside .rd-done-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;row-gap:20px}.rd-done.is-fin-beside .rd-prize{width:min(210px,calc((100dvh - 380px)/1.42))}.rd-done.is-fin-beside .rd-done-side,.rd-done.is-fin-beside .rd-done-actions{justify-items:center}.rd-done.is-fin-beside .rd-done-words h2{font-size:50px}}
@media(min-width:601px) and (max-width:919px){.rd-shelf{--across:5}}
@media(min-width:601px) and (max-width:759px){.rd-shelf{--across:4}}
@media(min-width:601px) and (max-width:1099px){
 .rd-ghead h2{font-size:30px}
 .rd-act{flex-wrap:wrap;gap:8px 20px;padding-top:12px;padding-bottom:16px;border-top:1px solid var(--line)}
}
/* Narrower laptops and tablets: one column of sheets, then the chosen sheet as a bar at the foot. */
@media(min-width:601px) and (max-width:1179px){
 .rd-pc .rd-rows{grid-template-columns:minmax(0,1fr)}
 .rd-top{display:block}.rd-pc .rd-count{margin-top:12px;text-align:left}
}
@media(min-width:601px) and (max-width:899px){
 .rd-pc .rd-menus .field:last-child .dd-button{min-width:180px}
 .rd-main{grid-template-columns:minmax(0,1fr) 260px}
}
@media(min-width:601px) and (max-width:859px){
 :is([data-rd="pc-window"],[data-rd="pc-full"]) .rd-main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 :is([data-rd="pc-window"],[data-rd="pc-full"]) .rd-side{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;margin:0;padding:14px 28px 16px;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff}
 :is([data-rd="pc-window"],[data-rd="pc-full"]) .rd-side :is(.rd-cover,.rd-slot){width:44px}
 :is([data-rd="pc-window"],[data-rd="pc-full"]) .rd-side-text{margin:0}
 :is([data-rd="pc-window"],[data-rd="pc-full"]) .rd-side h3{font:650 15.5px/1.25 var(--sans);letter-spacing:0}
 :is([data-rd="pc-window"],[data-rd="pc-full"]) .rd-side :is(.rd-side-meta,.rd-side-price,.rd-side-more){display:none}
 :is([data-rd="pc-window"],[data-rd="pc-full"]) .rd-side .button{width:auto;margin:0;white-space:nowrap}
}