/* V3 pages: solid paper surfaces, serif headings, restrained blue controls. */
[hidden]{display:none!important}input,select,textarea{font-family:var(--sans)}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
.skip{position:fixed;top:-80px;left:18px;padding:10px 18px;background:#fff;z-index:200}.skip:focus{top:10px}
.logo img{width:30px;height:30px;object-fit:contain}.top .wrap{max-width:1256px}
.nav button{padding:8px 14px;border-radius:8px;color:var(--ink-2);font-size:14.5px;white-space:nowrap}.nav button:hover{background:#e5eaf3;color:var(--ink)}
.mnav button{flex:1;font-size:13px;color:var(--ink-3)}
.hero .mono{background:white;padding:4px;object-fit:contain}.card .ic{object-fit:contain;padding:5px;background:#fff;border:1px solid var(--line)}
.card .top-row>div{min-width:0}.card h3{overflow-wrap:anywhere}.card .buy:disabled{background:#e4e9f2;color:#6b7690;cursor:not-allowed}
.empty button{color:var(--brand);text-decoration:underline;margin-left:8px}.footer-links{display:flex;gap:20px}footer .legal{flex-basis:100%;font-size:12px}
#productionWorkspace{display:block;border:0;background:none;overflow:visible}
#productionWorkspace.is-checkout #shopProductList,#productionWorkspace.is-checkout #main{display:none}
#main{min-height:60vh;padding-top:48px;padding-bottom:28px}
.overline{font-size:11px;letter-spacing:.14em;color:var(--ink-3);font-weight:600;text-transform:uppercase}
.page-heading{margin-bottom:28px}.page-heading h1{font:700 36px/1.3 var(--serif);margin:10px 0}.page-heading>p:last-child{color:var(--ink-2)}
.readingLibrary{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.readingLibraryHead{padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.readingLibraryHead h2{font:700 25px/1.35 var(--serif)}.readingLibraryHead p{color:var(--ink-2);font-size:14px;margin-top:6px}
.readingRow{padding:25px 32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);transition:background .15s}
.readingRow:hover{background:#f8faff}.readingNumber{font:italic 24px Georgia,serif;color:#95a7ca}
.readingRow>div{flex:1}.readingRow h3{font-size:16px;font-weight:600;margin-bottom:6px}.readingRow p{font-size:13px;color:var(--ink-2)}
.readingAction{color:var(--brand);font-size:13px;white-space:nowrap}.library-bottom{padding:22px 32px;font-size:14px;color:var(--ink-2)}.library-bottom button{color:var(--brand);margin-left:12px}
.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px}
.article-index{position:sticky;top:92px;padding:24px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.article-index>a{display:block;font-size:13px;color:var(--ink-2);padding:10px 0}.article-index>a:first-child{color:var(--brand);padding-top:0;margin-bottom:24px}.article-index .overline{margin-bottom:6px}
.article-index button{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;color:var(--brand);font-size:12px;text-align:left}
.reader{background:#fff;border:1px solid var(--line);border-radius:18px;padding:42px 48px}
.reader h1{font:700 clamp(26px,3vw,36px)/1.4 var(--serif);margin:12px 0 18px}
.reader-lead{font-size:16px;color:var(--ink-2);padding-bottom:28px;border-bottom:1px solid var(--line);line-height:1.9}
.reader section{margin-top:30px}.reader section h2{font:700 22px/1.45 var(--serif);margin-bottom:13px}.reader section p{font-size:15px;color:var(--ink-2);line-height:1.95;margin-top:12px}
.reader-callout{background:#f1f5fd;border:1px solid #d9e3f7;padding:18px 22px;border-radius:10px;color:#3e537c;font-size:13px;line-height:1.85;margin-top:30px}
.reader-end{border-top:1px solid var(--line);margin-top:30px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--ink-3)}
.reader-end .btn{font-size:13px;padding:11px 16px}
/* Purchase page keeps persistent real checkout controls and IDs. */
#shopCheckout{width:calc(100% - 56px);max-width:1144px;margin:48px auto 0;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}
#shopCheckout .checkoutInfo{padding:34px 36px;background:#fff}
.checkoutBack{color:var(--ink-2);font-size:13px;margin-bottom:34px}
.checkoutIdentity{gap:16px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.checkoutLogo{width:58px;height:58px;padding:7px;border:1px solid var(--line);border-radius:12px}
.checkoutBrand{font-size:12px;color:var(--ink-3);letter-spacing:.02em}
.checkoutIdentity h2{color:var(--ink);font:700 32px/1.3 var(--serif);margin:6px 0 10px}
.checkoutTerm{color:var(--ink-2);font-size:12px}
.checkoutNotes{margin-top:28px;gap:26px}.checkoutNote{grid-template-columns:72px 1fr;gap:20px}
.checkoutNote h3{color:var(--ink-3);font-size:12px}.checkoutNote p{color:var(--ink-2);font-size:14px;line-height:1.9}.checkoutNote .checkoutWarning{color:#876127}
.checkoutRequired{display:inline-block;font-size:13px;color:var(--brand);margin-top:24px}
.checkoutSteps{display:flex;background:#f3f6fc;border:1px solid var(--line);border-radius:10px;color:var(--ink-2);font-size:11px;margin-top:24px;padding:14px}
.checkoutLegal{font-size:11px;color:var(--ink-3);line-height:1.8;margin-top:24px}
#shopCheckout .checkoutPay{padding:34px 30px;background:#f8faff;border-left:1px solid var(--line)}
.checkoutPriceLabel{color:var(--ink-3);font-size:12px}.checkoutAmount{margin:8px 0 25px}.checkoutAmount strong{font:700 42px/1.2 var(--num);color:var(--ink);letter-spacing:-1.3px}
.checkoutAmount span{color:var(--ink-3)}.checkoutPaymentMethod{background:#edf3ff;border:1px solid #dbe5f7;border-radius:10px;color:#315b9e;margin-bottom:25px}
.checkoutForm label{color:var(--ink);font-size:13px}.checkoutForm input{background:#fff;border:1px solid #ccd5e5;border-radius:9px;color:var(--ink);font-size:14px}
.checkoutForm input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2350c812}.checkoutFieldHint{font-size:11px;color:var(--ink-3)}
.checkoutSubmit{background:var(--brand);box-shadow:none;border-radius:9px;font-size:14px;padding:13px 16px}.checkoutSubmit:not(:disabled):hover{background:#1c43ae}
.checkoutQR{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:20px;padding:22px 14px}
.checkoutQRLocked{min-height:145px;color:var(--ink-3);font-size:12px}.checkoutStatus,.checkoutOrderRef,.checkoutFine{color:var(--ink-3)}
.checkoutStatus.error{color:#a23d37}.checkoutStatus.paid,.checkoutPaid{color:#157a61}.checkoutCopy{background:var(--brand);border-radius:8px}.checkoutCardCode{background:#f3f6fc;color:var(--ink);border-color:var(--line)}.checkoutRedeem,.checkoutPayLink{color:var(--brand)}
/* V3 account, orders and support surfaces. */
.banliDialog{width:min(760px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 26px 90px #0f1e3d2b}
.banliDialog::backdrop,#authDialog::backdrop{background:#101e3d55;backdrop-filter:blur(4px)}
.banliDialogHead{padding:26px 30px 22px;border-bottom:1px solid var(--line);background:#fff}.banliDialogHead small{font-size:10px;color:var(--ink-3);letter-spacing:.14em}
.banliDialogHead h2{font:700 28px/1.3 var(--serif);color:var(--ink);margin-top:8px}
.dialogClose{background:#f1f4f9;color:var(--ink-2);font-size:22px;border-radius:9px}
.banliDialogBody{padding:26px 30px 30px;font-size:14px;color:var(--ink-2)}
.dialogIntro{color:var(--ink-2);margin-bottom:24px}.dialogFine,.rememberHint{color:var(--ink-3)}.orderLookupForm{gap:12px}
.orderLookupForm>label{color:var(--ink);font-size:13px}.orderLookupForm input{border-color:#ccd5e5;border-radius:9px;padding:12px;color:var(--ink)}
.dialogPrimary{background:var(--brand);border-radius:9px;font-size:13px;padding:13px 20px}
.rememberHint button,.helpContacts button{color:var(--brand)}.rememberEmailField input{box-sizing:border-box}
.orderResult{border:1px solid var(--line);border-radius:12px;background:#fff}.orderResult h3{color:var(--ink);font-size:15px}.orderResultHead strong{font-family:var(--num)}
.orderResult textarea{color:var(--ink);background:#f3f6fc;border:1px solid var(--line)}
.helpBody>h3,.helpBody section h3{font:700 22px/1.4 var(--serif);color:var(--ink)}.helpBody section h3{font-size:19px}
.helpBody>p,.helpBody section p,.helpBody ol{color:var(--ink-2);font-size:14px}
.helpContacts>a,.helpContacts>div{background:#f6f8fc;border:1px solid var(--line);border-radius:10px;padding:18px;color:var(--ink)}
.helpContacts small{color:var(--ink-3);font-size:11px}.helpContacts strong{font-size:17px}.helpContacts span{color:var(--brand)}
/* Restore the centered V2 white auth card, with V3 brand colors. */
#authDialog{width:min(450px,calc(100vw - 28px));border-radius:26px;border:1px solid #fff;background:#fff;color:var(--ink);box-shadow:0 28px 85px #13274838}
#authDialog .authHeader{border:0;text-align:center;padding:0;margin-bottom:22px}
#authDialog .authHeader h2{font:650 24px/1.35 var(--sans);letter-spacing:-.025em;color:var(--ink)}
#authDialog .authHeader p{font-size:13px;color:var(--ink-2)}
.authBrandMark{display:block;width:42px;height:42px;margin:0 auto 15px}
#authDialog .authPrimary{background:var(--brand);border-radius:12px}
#authDialog .authLink,#authDialog .authMethod button.active{color:var(--brand)}
#authDialog .authClose{background:transparent}
@media(max-width:1100px){.top .wrap{gap:14px}.nav a,.nav button{padding:8px 10px;font-size:13px}.user{font-size:13px;padding:8px 12px}}
@media(max-width:960px){.article-layout{grid-template-columns:1fr}.article-index{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}.article-index>a:first-child{margin:0}.article-index .overline{display:none}.article-index>a{font-size:12px}.article-index button{border:0;margin:0;padding:0}.reader{padding:32px}#shopCheckout{grid-template-columns:1fr}.checkoutPay{border-left:0!important;border-top:1px solid var(--line)}}
@media(max-width:720px){.top .wrap{height:62px}.logo{font-size:24px}.logo img{width:29px;height:29px}.user{font-size:12px}.chip-btn{padding:5px 9px}.nav{display:none}.hero h1{font-size:34px}.hero p.lead{font-size:15px}.hero .wrap{gap:26px}.stage{height:330px}.deck{height:205px;inset:25px 35px auto 0}.keycard{padding:22px}.keycard .prod{font-size:14px}.keycard .term{font-size:11px;padding:3px 7px}.keycard .label{margin-top:24px;font-size:11px}.keycard .code{font-size:17px;letter-spacing:1px}.keycard .foot{left:22px;right:22px;bottom:18px;font-size:10px}.receipt{width:200px;right:0;bottom:0;padding:13px;font-size:11px}.dots{left:0;bottom:13px}.stage .formula{font-size:15px!important}.hero-cta .btn{font-size:13px;padding:12px 16px}.card h3{font-size:13px}.card .top-row{gap:8px;align-items:flex-start}.card .tags{gap:4px}.card .tags span{font-size:10px;padding:2px 5px}.card .price{font-size:22px}.card .buy{font-size:12px}.head h2{font-size:27px}.head p{font-size:13px}.step{padding:22px}.bar .title{font-size:15px}.bar-r{gap:8px}select.sort{max-width:145px;font-size:12px}
#main{padding-top:28px}.page-heading h1{font-size:29px}.readingLibraryHead{padding:22px;flex-direction:column;align-items:stretch;gap:16px}.readingLibraryHead h2{font-size:23px}.readingLibraryHead .search{width:100%}.readingRow{padding:22px 20px;gap:14px;align-items:flex-start}.readingRow h3{font-size:14px}.readingRow p{font-size:12px}.readingAction{display:none}.library-bottom{padding:20px;font-size:12px}.reader{padding:27px 23px;border-radius:14px}.reader h1{font-size:27px}.reader-lead{font-size:14px}.reader section h2{font-size:21px}.reader section p{font-size:14px}.reader-end{flex-wrap:wrap}.article-index{padding:18px}.article-index>a:not(:first-child){display:none}
#shopCheckout{width:calc(100% - 32px);margin:28px auto 0;border-radius:14px}#shopCheckout .checkoutInfo,#shopCheckout .checkoutPay{padding:26px 22px}.checkoutNote{grid-template-columns:1fr;gap:8px}.checkoutNote p{font-size:13px}.checkoutIdentity h2{font-size:28px}.checkoutLogo{width:50px;height:50px}.checkoutAmount strong{font-size:38px}.checkoutSteps{font-size:10px;gap:8px}
.banliDialogHead,.banliDialogBody{padding:22px}.banliDialogHead h2{font-size:25px}.helpContacts{grid-template-columns:1fr 1fr;gap:8px}.helpContacts>a,.helpContacts>div{padding:14px}.helpContacts strong{font-size:14px}.banliDialog{max-height:88dvh}.banliDialogBody{max-height:calc(88dvh - 98px)}#authDialog .authCard{padding:32px 24px 26px}#authDialog .authHeader h2{font-size:26px}
}

/* Preserve native modal centering after the global prototype reset. */
.banliDialog,#authDialog{margin:auto}

.scroll-cue svg{animation:none}

/* Wide V3 catalogue: keep three real-product slots and three rows of space.
   Missing slots remain blank; no placeholder products are rendered. */
#shop>.wrap{max-width:1440px}
#shop .grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(160px,auto);min-height:508px;align-content:start}
#shop .card{min-height:160px}
@media(max-width:1100px) and (min-width:721px){#shop .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#shop .grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;grid-auto-rows:auto}#shop .card{min-height:170px}}

/* Full-card switching; the reveal button stays a separate action. */
.keycard .cardSwitch{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;background:transparent;z-index:1;cursor:pointer}
.keycard .cardSwitch:focus-visible{outline:3px solid #8db4ff;outline-offset:5px;border-radius:20px}
.keycard .reveal{position:relative;z-index:2}

/* Mobile: put the primary shopping action within right-thumb reach. */
@media(max-width:720px){.hero-cta{flex-direction:row-reverse;justify-content:flex-start}}

/* Keep the shop heading and categories together until the catalogue ends. */
.shop-sidebar .cats{position:static}
@media(min-width:961px){
  .shop-sidebar{position:sticky;top:88px}
  .shop-sidebar .head{width:max-content}
  .shop-results{padding-top:var(--catalog-offset,39px);min-width:0}
}

/* V3 manual sales status: quantity never controls purchase availability. */
.card.is-sold-out .ic{opacity:.32;filter:grayscale(.45)}.card.is-sold-out .buy{background:#fff3df;border:1px solid #efb45e;color:#a65a0b;box-shadow:none;cursor:pointer}.card.is-sold-out .buy:hover{background:#ffe7bf}.stock-notice{margin:auto;max-width:calc(100vw - 40px);border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #13234133}.stock-notice::backdrop{background:#14234344;backdrop-filter:blur(3px)}.stock-notice p{margin-bottom:22px;font-size:17px}.guide-image{margin:24px 0}.guide-image img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.guide-image figcaption{font-size:12px;color:var(--ink-3);margin-top:8px;text-align:center}.reader section p{white-space:pre-wrap}

/* Purchase quantity is an order property, independent from display stock. */
.checkoutQuantityField{margin-bottom:20px}.checkoutQuantity{display:flex;align-items:center;width:168px;border:1px solid #ccd5e5;border-radius:10px;background:#fff;overflow:hidden;margin-top:8px}.checkoutQuantity button{flex:0 0 46px;height:44px;background:#f3f6fc;color:#193d95;font-size:23px;border:0}.checkoutQuantity button:disabled{opacity:.35;cursor:not-allowed}.checkoutQuantity input{width:72px!important;min-width:0;border:0!important;border-radius:0!important;text-align:center;padding:10px 4px!important;appearance:textfield;-moz-appearance:textfield;box-shadow:none!important}.checkoutQuantity input::-webkit-inner-spin-button,.checkoutQuantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkoutQuantityField>p{margin:7px 0 0}.checkoutDeliveryItem{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #dce3ef;text-align:left}.checkoutDeliveryItem textarea{width:100%;min-height:65px;border:1px solid #dce3ef;border-radius:8px;resize:vertical;padding:10px}.checkoutDeliveryItem button{background:#244bc4;color:white;border-radius:8px;padding:9px}.checkoutDeliveryItem a{color:#244bc4;font-size:13px}

.checkoutNewOrder{width:100%;margin-top:10px;padding:11px 16px;border:1px solid #ccd5e5;border-radius:9px;background:#fff;color:#244bc4;font-size:13px}

/* Delivered orders replace the long payment form with a compact guide. */
#shopCheckout.has-fulfillment{display:block;max-width:1200px;margin-top:22px;overflow:visible}#shopCheckout.has-fulfillment>.checkoutInfo,#shopCheckout.has-fulfillment>.checkoutPay{display:none!important}.checkoutFulfillment{padding:22px 26px;color:var(--ink);font-family:var(--sans)}.fulfillHead{display:flex;align-items:center;justify-content:space-between;gap:18px}.fulfillHead>div:first-child>span{font-size:11px;color:#197459;font-weight:600}.fulfillHead h1{font:700 28px/1.25 var(--serif);margin:7px 0}.fulfillHead p{font-size:12px;color:var(--ink-2);margin:0}.fulfillHead>div:last-child{display:flex;gap:8px;flex-shrink:0}.fulfillButton{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6dfed;background:#fff;color:#25478c;border-radius:8px;padding:8px 12px;font:500 12px/1.5 var(--sans);cursor:pointer;text-decoration:none;gap:6px}.fulfillButton:hover{background:#f1f5fc}.fulfillButton.primary{background:#244bc4;border-color:#244bc4;color:#fff}.fulfillBody{margin-top:20px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}.fulfillCard{padding:18px;background:#f3f6fc;border:1px solid #dce4f1;border-radius:12px;align-self:start}.fulfillCard h2,.fulfillGuide>h2{font:650 16px/1.4 var(--sans);margin:0 0 8px}.fulfillCard>p{font-size:12px;line-height:1.75;color:var(--ink-2);margin-bottom:14px}.fulfillCodes{max-height:310px;overflow:auto}.fulfillCode{margin-bottom:12px}.fulfillCode>strong{font-size:12px;display:block;margin-bottom:7px}.fulfillCode textarea{display:block;box-sizing:border-box;width:100%;padding:11px;min-height:74px;resize:vertical;background:#fff;color:#243655;border:1px solid #d2dced;border-radius:8px;font:12px/1.65 ui-monospace,monospace;overflow-wrap:anywhere}.fulfillCode>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.fulfillCard>small{display:block;color:var(--ink-3);font-size:11px;margin:10px 0 16px}.fulfillGuide>h2{margin-bottom:10px}.fulfillSteps{display:grid;gap:11px}.fulfillSteps h3{display:flex;gap:8px;align-items:center;font-size:13px;line-height:1.5;margin:0 0 4px}.fulfillSteps h3 span{display:inline-grid;place-content:center;width:22px;height:22px;border-radius:7px;background:#e8efff;color:#244bc4;font-size:12px;flex-shrink:0}.fulfillSteps p{font-size:12px;line-height:1.75;color:var(--ink-2);margin:0 0 0 30px}.fulfillSessionLinks{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 0 30px}.fulfillSessionLinks .fulfillButton{padding:5px 9px;font-size:11px}.fulfillExpiry{font-size:11px;line-height:1.7;padding:8px 11px;margin:11px 0;background:#fff9ed;color:#8d621c;border-radius:8px}.fulfillExamples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fulfillExample{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #dce3ef;border-radius:9px;background:#fff;text-align:left;cursor:pointer;color:var(--ink-2);font:500 14px/1.5 var(--sans);min-width:0}.fulfillExample img{width:100px;height:67px;object-fit:contain;object-position:top;background:#f8faff;border-radius:5px;flex-shrink:0}.deliveryExampleDialog{box-sizing:border-box;width:min(1000px,calc(100vw - 28px));max-height:92dvh;padding:20px;border:1px solid #dce3ef;border-radius:15px;background:#fff;color:var(--ink)}.deliveryExampleDialog::backdrop{background:#10213b88;backdrop-filter:blur(3px)}.deliveryExampleDialog>button{float:right}.deliveryExampleDialog h3{font-size:13px;margin:6px 0 14px}.deliveryExampleDialog img{display:block;width:100%;max-height:72dvh;object-fit:contain}.deliveryExampleDialog p{font-size:12px;color:#718098;margin-bottom:0}.orderClickable{cursor:pointer;border-radius:7px}.orderClickable:hover{background:#f4f7ff}.orderClickable:focus-visible{outline:2px solid #244bc4;outline-offset:4px}#orderLookupEmail[readonly]{background:#f4f7fc;color:#47546c;cursor:default}.orderResult>.dialogPrimary{margin-top:12px}
@media(min-width:1024px) and (max-height:760px){.checkoutFulfillment{padding:16px 22px}.fulfillHead h1{font-size:25px}.fulfillSteps{gap:8px}.fulfillSteps p{line-height:1.6}.fulfillExamples img{height:52px;width:80px}#shopCheckout.has-fulfillment{margin-top:16px}}
@media(max-width:900px){.fulfillBody{grid-template-columns:245px minmax(0,1fr);gap:16px}.fulfillExamples{grid-template-columns:1fr}.fulfillExample img{width:80px;height:50px}.fulfillHead h1{font-size:25px}}
@media(max-width:680px){#shopCheckout.has-fulfillment{width:calc(100% - 24px);margin-top:16px}.checkoutFulfillment{padding:18px}.fulfillBody{grid-template-columns:1fr}.fulfillHead{align-items:start;flex-wrap:wrap}.fulfillHead h1{font-size:25px}.fulfillHead>div:last-child{gap:6px}.fulfillCard{padding:16px}.fulfillCodes{max-height:none}.fulfillExamples{grid-template-columns:1fr 1fr}.fulfillExample{flex-direction:column;align-items:start}.fulfillExample img{width:100%;height:82px}.fulfillSteps p{font-size:13px}.fulfillSessionLinks .fulfillButton{font-size:12px}.fulfillButton{min-height:38px}}

.fulfillEmphasis{color:#214fc4;font-weight:750}.fulfillExample span{font-weight:500}.fulfillCard>small{line-height:1.7}

/* Category identity and paid-only order navigation. */
.cats .categoryIcon{width:21px;height:21px;object-fit:contain;flex:none}.cats .categoryName{flex:1}.orderResult>.dialogPrimary:disabled{background:#e7ebf1;color:#9099a9;box-shadow:none;cursor:default;opacity:1}.orderResult .orderCancelled{font-size:12px;color:#be3d45;margin-top:8px}.helpContacts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.helpContacts{grid-template-columns:1fr}.helpContacts strong{font-size:16px}#authDialog .authHeader h2{font-size:24px}}

/* Pair each reference with its own activation step. */
.fulfillGuide .fulfillSteps{gap:0}.fulfillStep{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:16px;align-items:start;padding:13px 0;border-bottom:1px solid #e8edf5}.fulfillStep:first-child{padding-top:0}.fulfillStep:last-child{grid-template-columns:1fr;border-bottom:0;padding-bottom:0}.fulfillStepCopy{min-width:0}.fulfillStep .fulfillExample{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px;font-size:12px;line-height:1.5}.fulfillStep .fulfillExample img{width:100%;height:78px;object-fit:contain;background:#f7f9fd}.fulfillStep .fulfillExample span{text-align:center}.fulfillStep .fulfillExpiry{margin:9px 0 0 30px}.fulfillGuide>h2{margin-bottom:14px}
@media(max-width:900px){.fulfillStep{grid-template-columns:minmax(0,1fr) 132px;gap:12px}.fulfillStep .fulfillExample img{height:72px}}
@media(max-width:680px){.fulfillStep{grid-template-columns:1fr;gap:10px;padding:16px 0}.fulfillStep .fulfillExample{margin-left:30px;flex-direction:row;align-items:center;text-align:left}.fulfillStep .fulfillExample img{width:92px;height:66px;flex:none}.fulfillStep .fulfillExample span{text-align:left;font-size:13px}}

.partnerStoreName{font:500 11px/1.4 var(--sans);color:var(--ink-2);margin-left:8px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.partnerStoreName{max-width:55px;font-size:10px}}

.customGuide .fulfillStep.guideTextOnly{grid-template-columns:1fr}.customGuide .fulfillStep:last-child:not(.guideTextOnly){grid-template-columns:minmax(0,1fr) 168px}.customGuide p{white-space:pre-wrap;overflow-wrap:anywhere}.customGuide p+p{margin-top:7px}.customGuide .guideImages{display:grid;gap:8px;min-width:0}.customGuide a{color:#244bc4}.customGuide .guideImages .fulfillExample{width:100%;box-sizing:border-box}@media(max-width:680px){.customGuide .fulfillStep:last-child:not(.guideTextOnly){grid-template-columns:1fr}}