.mon-account-entry{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.mon-account-photo{position:relative;overflow:hidden}
.mon-account-form{display:flex;flex-direction:column;gap:26px}
.mon-account-panel{border:1px solid var(--line);padding:clamp(28px,4vw,40px);margin-top:32px;min-width:0;overflow-wrap:anywhere}
.mon-account button:disabled{opacity:.5;cursor:wait}
.mon-account :is(button,a,input):focus-visible{outline:2px solid var(--sapphire);outline-offset:5px}
.mon-account-note{font-size:13px;margin:20px 0;overflow-wrap:anywhere}
.mon-account-error{color:#efb5a9}
.mon-account-link{background:none;border:0;cursor:pointer;margin-top:16px;min-height:44px;max-width:100%;padding:8px 0;font-family:var(--font-body);font-size:12px;letter-spacing:.06em;color:var(--txt-dim);text-align:left}
.mon-account-field{min-width:0}
.mon-order-record{border-top:1px solid var(--line);padding-top:28px;margin-top:28px;min-width:0}.mon-order-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.mon-order-heading h3{font-size:1.65rem}
.mon-order-items{list-style:none;padding:0;margin:24px 0;font-family:var(--font-body);font-size:14px;line-height:1.6}.mon-order-items li{margin:10px 0}.mon-order-items small,.mon-order-payment-state{display:block;color:var(--txt-dim);font-size:12px;line-height:1.6;margin-top:4px}
/* The honest caveat under a delivery window. Quiet, and never louder than the dates above it. */
.mon-order-expected-note{margin:-4px 0 20px;max-width:56ch;font-size:13px;line-height:1.7;color:var(--txt-dim)}
.mon-order-tracking,.mon-order-serials{margin-top:20px}.mon-order-tracking a{display:block}.mon-order-progress{font-family:var(--font-body);font-size:13px;line-height:1.6;margin-top:20px}.mon-order-progress summary{min-height:44px;cursor:pointer;padding:12px 0}.mon-order-progress summary:focus-visible{outline:2px solid var(--sapphire);outline-offset:4px}.mon-order-progress ol{padding-left:20px;margin:12px 0}.mon-order-progress li{padding:5px 0}.mon-order-progress time{display:block;color:var(--txt-dim);font-size:12px}.mon-order-more{margin-top:28px}
.mon-account input{width:100%;min-width:0;border-radius:0;box-sizing:border-box}
.mon-account-entry-form{min-width:0}
.mon-account .mon-display{overflow-wrap:anywhere}
.mon-watch-record,.mon-watch-register-form{border-top:1px solid var(--line);padding-top:30px;margin-top:30px}
.mon-watch-register-form{max-width:560px}
.mon-watch-facts{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:12px 24px;font-family:var(--font-body);font-size:14px;line-height:1.65;margin:20px 0}
.mon-watch-facts dt{color:var(--txt-dim)}.mon-watch-facts dd{margin:0;overflow-wrap:anywhere}
.mon-watch-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.mon-watch-actions .mon-btn{min-height:44px;white-space:normal}
.mon-watch-confirm,.mon-certificate{border:1px solid var(--line);padding:clamp(20px,3vw,32px);margin-top:24px}
.mon-transfer-code{font-family:var(--font-body);font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.2em;margin:20px 0;user-select:all}
.mon-watch-choice{border:0;padding:0;display:grid;gap:12px;min-width:0}.mon-watch-choice legend{margin-bottom:18px}.mon-watch-choice label{display:flex;gap:12px;align-items:center;font-family:var(--font-body);font-size:14px;min-height:44px}.mon-watch-choice input{width:18px;min-width:18px;height:18px;accent-color:var(--txt)}
@media(max-width:480px){.mon-watch-facts{grid-template-columns:1fr;gap:3px}.mon-watch-facts dd{margin-bottom:12px}.mon-watch-actions{flex-direction:column;align-items:flex-start}}
@media print{body:has(.mon-certificate){background:#fff!important}body:has(.mon-certificate) #root>:not(.mon-flow),body:has(.mon-certificate) .mon-flow>:not(main),body:has(.mon-certificate) .mon-wrap>:not(:has(.mon-certificate)),.mon-account-panel:has(.mon-certificate)>:not(.mon-certificate){display:none!important}body:has(.mon-certificate) main,body:has(.mon-certificate) .mon-account,body:has(.mon-certificate) .mon-wrap,.mon-account-panel:has(.mon-certificate){margin:0!important;padding:0!important;min-height:0!important;height:auto!important;border:0!important;background:#fff!important;max-width:none!important}.mon-certificate{position:static;width:100%;margin:0;box-sizing:border-box;background:#fff!important;color:#111!important;border:0!important;break-inside:avoid}.mon-certificate *{color:#111!important}.mon-certificate .mon-no-print{display:none!important}@page{margin:20mm}}
@media(max-width:760px){.mon-account-entry{grid-template-columns:1fr}.mon-account-photo{min-height:330px;padding-top:100px}.mon-account-entry>.mon-account-entry-form{padding-top:44px!important}.mon-account input{font-size:16px!important}.mon-account button{min-height:44px}}

.mon-contact :is(a,label,input,textarea,select){max-width:100%;min-width:0}.mon-contact a{color:inherit;overflow-wrap:anywhere}.mon-request-form{min-width:0;position:relative}.mon-request-fields{display:flex;flex-direction:column;gap:26px}.mon-request-topic{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;min-width:0}.mon-request-topic select{width:100%;border:0;border-bottom:1px solid var(--line-strong);background:var(--ink);color:var(--txt);font:16px var(--font-body);padding:12px 2px;min-height:44px;border-radius:0}.mon-request-form :is(input,textarea){font-size:16px!important;border-radius:0;min-height:44px;box-sizing:border-box}.mon-request-form button{min-height:44px;white-space:normal}.mon-request-form :is(input,textarea,select,button):focus-visible{outline:2px solid var(--sapphire)!important;outline-offset:4px}.mon-request-form button:disabled{opacity:.55;cursor:wait}.mon-request-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

.mon-booking-change{display:block}.mon-inbox-messages{list-style:none;padding:0;margin:20px 0}.mon-inbox-messages li{border-top:1px solid var(--line);padding:24px 0}.mon-inbox-messages .from-atelier{border-left:1px solid var(--line-strong);padding-left:20px}.mon-inbox-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}.mon-inbox-messages time{font:12px var(--font-body);color:var(--txt-dim)}.mon-inbox-compose{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}

.mon-glacier-form{border-top:1px solid var(--line);padding-top:28px}.mon-glacier-email{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}.mon-glacier-email input{flex:1;min-width:180px;max-width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-strong);padding:12px 2px;font:16px var(--font-body);color:var(--txt)}.mon-glacier-email input:focus-visible{outline:1px solid var(--txt);outline-offset:4px}.mon-glacier-consent{display:flex;gap:12px;align-items:flex-start;min-height:44px;margin-top:24px;color:var(--txt-dim);font:14px/1.6 var(--font-body);cursor:pointer}.mon-glacier-consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--sapphire)}.mon-glacier-form .mon-btn{min-height:44px}.mon-preferences{min-height:100vh;padding:140px 24px 60px;background:var(--ink)}.mon-preferences>.mon-account-panel{max-width:660px;margin:0 auto}.mon-preferences .mon-btn{white-space:normal;min-height:44px}

.mon-glacier-form input{font-size:16px}

.mon-care-panel{margin-top:40px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:110px}.mon-care-panel h2{font-size:clamp(1.6rem,2.8vw,2.3rem);margin:20px 0}.mon-care-panel h3{font-size:1.6rem;margin:20px 0}.mon-care-panel h4{font-size:1.4rem}.mon-care-panel input,.mon-care-panel select,.mon-care-panel textarea{font-size:16px!important}.mon-care-compose,.mon-care-history{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.mon-care-message{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px}.mon-care-reply{margin-top:20px;padding:20px;border-left:1px solid var(--sapphire)}.mon-care-panel .mon-btn{min-height:44px;white-space:normal}.mon-care-history .mon-order-record{margin-bottom:24px}
.mon-care-history a.mon-account-link{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
.mon-preferences a.mon-account-link{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}.mon-preferences .mon-preference-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px}.mon-preferences .mon-preference-nav a{margin-top:0}
.mon-care-proposal{margin:24px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mon-care-proposal h4{margin:0 0 20px}.mon-care-proposal .mon-request-consent{margin-top:24px}
.mon-care-proposal .mon-request-consent{display:flex;gap:12px;align-items:flex-start;min-height:44px;cursor:pointer;font:14px/1.6 var(--font-body);color:var(--txt-dim)}.mon-care-proposal .mon-request-consent input{width:20px;height:20px;min-width:20px;flex:none;margin:2px 0 0;accent-color:var(--sapphire)}

/* Watch registration, 0.1.38: edition chooser, engraving fields with the caseback aid, purchase details, claims. */
.mon-watch-register-form{max-width:720px}
.mon-register-step{display:flex;flex-direction:column;gap:26px;min-width:0}
.mon-register-step>.mon-cap{margin-bottom:0}
.mon-edition-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.mon-edition-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;min-height:44px;text-align:left;background:none;border:1px solid var(--line);border-radius:2px;color:var(--txt);cursor:pointer;transition:border-color .35s var(--ease-glide),background .35s var(--ease-glide)}
.mon-edition-card:hover{border-color:var(--line-strong);background:rgba(233,235,236,.025)}
.mon-edition-card[aria-checked=true]{border-color:var(--sapphire)}
.mon-edition-card .mon-caseback{width:104px;height:104px;flex:none}
.mon-edition-card strong{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.1;color:var(--txt)}
.mon-edition-card .mon-body{font-size:13px;line-height:1.6}
.mon-serial-step{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px 36px;align-items:start}
.mon-serial-fields{display:flex;flex-direction:column;gap:26px;min-width:0}
.mon-serial-field{display:flex;flex-direction:column;gap:10px;min-width:0}
.mon-serial-box{display:flex;align-items:baseline;min-width:0;border-bottom:1px solid var(--line-strong);transition:border-color .35s}
.mon-serial-box:focus-within{border-color:var(--txt)}
.mon-serial-box:has(input:focus-visible){outline:2px solid var(--sapphire);outline-offset:5px}
.mon-account .mon-serial-box input{flex:1;width:auto;background:transparent;border:0;padding:12px 2px;font-family:var(--font-body);font-size:15px;letter-spacing:.18em;color:var(--txt)}
.mon-account .mon-serial-box input:focus-visible{outline:none}
.mon-serial-box.is-number input{flex:none;width:3.4em;text-align:right}
.mon-serial-affix{flex:none;padding:12px 6px 12px 2px;font-family:var(--font-body);font-size:15px;letter-spacing:.18em;color:var(--txt-dim);user-select:none}
.mon-serial-box.is-number .mon-serial-affix{padding-left:8px}
.mon-serial-box input::placeholder{color:var(--txt-faint);letter-spacing:.18em}
.mon-swatches{display:flex;flex-wrap:wrap;gap:12px}
.mon-swatch{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 10px;background:none;border:1px solid var(--line);border-radius:2px;color:var(--txt-dim);font-family:var(--font-body);font-size:12px;letter-spacing:.08em;cursor:pointer;transition:border-color .35s var(--ease-glide),color .35s}
.mon-swatch:hover{border-color:var(--line-strong)}
.mon-swatch[aria-checked=true]{border-color:var(--sapphire);color:var(--txt)}
.mon-swatch i{display:block;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);flex:none}
.mon-swatch.is-green i{background:var(--squid-green)}.mon-swatch.is-blue i{background:var(--squid-blue)}.mon-swatch.is-black i{background:var(--squid-black)}
.mon-serial-aid{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.mon-serial-aid .mon-caseback{width:100%;max-width:420px;height:auto;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}
.mon-serial-aid figcaption{font-size:13px;line-height:1.6;text-align:center;max-width:26ch}
.mon-caseback text{font-family:var(--font-body)}
.mon-purchase-fields .mon-request-topic{margin-bottom:0}
.mon-watch-register-form input[type=month]{color-scheme:dark}
.mon-account :is(.mon-edition-card,.mon-swatch):focus-visible{outline:2px solid var(--sapphire);outline-offset:4px}
.mon-claims{min-width:0}
.mon-claim-record{border-top:1px solid var(--line);padding-top:22px;margin-top:22px;min-width:0}
.mon-claim-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-family:var(--font-body);font-size:12px;letter-spacing:.06em;color:var(--txt-dim)}
.mon-claim-status{display:inline-flex;align-items:center;gap:8px;color:var(--txt)}
.mon-claim-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sapphire)}
.mon-claim-status.is-approved::before{background:var(--squid-green-bright)}
.mon-claim-status.is-declined::before,.mon-claim-status.is-withdrawn::before{background:var(--txt-faint)}
@media(max-width:640px){.mon-serial-step{grid-template-columns:1fr}.mon-serial-aid{align-items:flex-start}.mon-serial-aid .mon-caseback{max-width:300px}.mon-serial-aid figcaption{text-align:left;max-width:none}}
@media(max-width:520px){.mon-edition-cards{grid-template-columns:1fr}}

/* The account menu, and edges you can see.
   The account was one long column of panels with the same border and the same
   spacing, so nothing told you where a section ended, what the next one was,
   or that there was anything below the fold worth scrolling to. */
.mon-account-menu{border:1px solid var(--line);margin-top:32px;padding:clamp(24px,3vw,32px)}
.mon-account-menu>.mon-cap{margin-bottom:18px}
/* Bordered tiles rather than a one-pixel grid gap over a light background:
   six items never divide evenly into a responsive column count, and the empty
   cell at the end of the last row was rendering as a phantom grey box. */
.mon-account-menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.mon-account-menu li{min-width:0}
.mon-account-menu a{display:flex;flex-direction:column;gap:6px;height:100%;min-height:44px;padding:16px 18px;text-decoration:none;color:var(--txt);border:1px solid var(--line);transition:border-color .3s var(--ease-glide,ease),background .3s var(--ease-glide,ease)}
.mon-account-menu a:hover{border-color:var(--line-strong)}
.mon-account-menu a:hover{background:rgba(233,235,236,.04)}
.mon-account-menu a:focus-visible{outline:2px solid var(--sapphire);outline-offset:-2px}
.mon-account-menu-label{font:14px/1.3 var(--font-body);letter-spacing:.02em}
.mon-account-menu-note{font:12px/1.55 var(--font-body);color:var(--txt-dim)}

/* Each section reads as its own block, with a rule above it and a little more
   air than the gap inside it, so the eye can find the seams. */
.mon-account-section{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}
.mon-account-section>.mon-account-panel:first-child{margin-top:24px}

/* Controls need an edge too. A ghost button on a dark panel next to a dark
   card was invisible until you hovered it. */
.mon-account .mon-btn{border:1px solid var(--line-strong)}
.mon-account .mon-btn:hover{border-color:var(--txt)}
.mon-account .mon-btn.solid{border-color:var(--txt)}
.mon-account .mon-account-link{border:0;border-bottom:1px solid var(--line-strong);padding-bottom:2px}
.mon-account .mon-order-record{border:1px solid var(--line);padding:clamp(20px,3vw,28px);margin-top:20px}
.mon-account .mon-order-record+.mon-order-record{margin-top:16px}
.mon-account .mon-watch-facts{border-top:1px solid var(--line);padding-top:16px}
@media(max-width:560px){.mon-account-menu ul{grid-template-columns:1fr}.mon-account-section{margin-top:40px}}

/* A single model should not stretch across two columns as if something is
   missing beside it. */
.mon-model-cards{grid-template-columns:repeat(auto-fit,minmax(220px,260px))}

/* 0.1.57: six anchors read as two even rows of three, not four and two. */
.mon-account-menu ul{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:820px){.mon-account-menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mon-account-menu ul{grid-template-columns:minmax(0,1fr)}}