.mf-account{--mf-kraft:#d2b48c;--brand-soft:#d8e3ed}.mf-account-label{display:grid;gap:6px;min-width:0;flex:1}.mf-account-phone{color:var(--muted);font-size:13px;font-weight:400}.mf-account-settings .t{overflow-wrap:anywhere}.mf-section{scroll-margin-top:100px;margin-bottom:36px}.mf-section+.mf-section{border-top:1px solid var(--line);padding-top:28px}.mf-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px}.mf-heading h1,.mf-heading h2{font-size:20px;margin:0}.mf-actions{display:flex;gap:8px}.mf-round{border:1px solid var(--line);background:var(--paper);color:var(--brand-dark);width:44px;height:44px;border-radius:50%;font-size:25px;cursor:pointer}.mf-caption{color:var(--muted);font-size:13px;line-height:1.65}.mf-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:6px 2px 12px}.mf-box{position:relative;flex:0 0 250px;min-width:0;text-align:left;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--paper);color:var(--ink);scroll-snap-align:start;cursor:pointer;display:grid;gap:7px;align-content:start;min-height:198px}.mf-box.selected{border:2px solid var(--brand-dark);padding:17px;background:var(--brand-soft)}.mf-box svg{width:80px;height:64px;position:absolute;right:12px;top:16px}.mf-box strong{font-size:23px;letter-spacing:-.7px;margin-top:12px}.mf-box .mf-badge{max-width:145px;padding-right:28px}.mf-box>span,.mf-box>small{overflow-wrap:anywhere}.mf-box-items{font-size:12px;line-height:1.5;color:var(--muted);padding-top:6px}.mf-carousel-guide{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:12px}.mf-carousel-guide>div{display:flex;gap:6px}.mf-carousel-guide .mini{min-width:40px;min-height:40px}.mf-save{margin-top:12px}.mf-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mf-device{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:14px;min-width:0;color:var(--ink)}.mf-device>svg{width:45px;height:48px;margin-top:9px}.mf-device p{margin:4px 0;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.mf-device small{font-size:12px;color:var(--muted)}.mf-device-title{display:block;padding:4px 0 0;border:0;background:none;text-align:left;font:inherit;font-size:15px;font-weight:750;color:var(--ink);cursor:pointer;overflow-wrap:anywhere}.mf-badge{display:block;font-size:11px;font-weight:650;color:var(--brand-dark);line-height:1.5}.mf-badge.attention{color:#94572d}.mf-device-action,.mf-pick{grid-column:1/-1;justify-self:end;min-height:36px;margin:0!important}.mf-pick{display:flex;gap:6px;align-items:center;font-size:12px!important;cursor:pointer}.mf-pick input{width:18px;height:18px;accent-color:var(--brand-dark);margin:0}.mf-add{border-style:dashed;align-items:center;justify-content:center;grid-template-columns:1fr;text-align:center;min-height:130px;font-size:13px;cursor:pointer}.mf-add>span{font-size:25px;color:var(--brand-dark)}.mf-empty{padding:24px 18px;line-height:1.7;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:14px}.mf-form-actions{display:flex;gap:10px;margin:20px 0}.mf-form-actions>button{flex:1}.mf-account button:disabled{opacity:.5;cursor:default}.mf-pending{animation:mf-save-pulse 1.8s ease-in-out infinite}.mf-other-order{opacity:.9}.mf-account a:focus-visible,.mf-account button:focus-visible{outline:3px solid var(--brand-glow);outline-offset:3px}#mf-device-form details{margin:16px 0}#mf-device-form summary{cursor:pointer;min-height:36px;font-weight:600}#mf-device-form input[type=file]{max-width:100%;font-size:13px}#mf-device-form label,#mf-plan-form label{display:block;margin:16px 0 8px;font-size:14px}#mf-device-form input:not([type=file]),#mf-device-form select,#mf-plan-form input{display:block;width:100%;margin-top:8px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--paper)}@keyframes mf-save-pulse{50%{box-shadow:0 0 0 5px rgba(65,123,160,.2)}}@media(prefers-reduced-motion:reduce){.mf-pending{animation:none;outline:2px solid var(--brand-glow)}}@media(max-width:359px){.mf-device{padding:10px;grid-template-columns:30px minmax(0,1fr);gap:6px}.mf-device>svg{width:30px}.mf-device-title{font-size:14px}.mf-box{flex-basis:230px}}@media(min-width:1100px){.mf-section{margin-bottom:40px}.mf-nav a{display:block}.mf-account .account-main{max-width:860px}.mf-box{flex-basis:260px}}

.mf-account .account-nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:20px;font-size:14px}.mf-account .account-nav a{color:var(--brand-dark);text-decoration:none;padding:10px 0}@media(min-width:1100px){.mf-account .account-nav{flex-direction:column;gap:8px}}

.mf-device{position:relative;display:flex;flex-direction:column;gap:6px}.mf-device>svg{position:absolute;top:10px;left:10px;width:28px;height:30px;margin:0}.mf-device>div{width:100%;min-width:0}.mf-device .mf-badge{padding-left:30px;min-height:30px;display:flex;align-items:center}.mf-device-title{padding-top:4px}.mf-device-action,.mf-pick{align-self:flex-end;margin-top:auto!important}.mf-add{justify-content:center;align-items:center}.mf-add>span{line-height:1}
.mf-register-guide{margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--brand-soft);line-height:1.7}.mf-register-guide>strong{display:block;font-size:16px;color:var(--brand-dark)}.mf-register-guide p{margin:8px 0;font-size:14px}.mf-register-guide ol{display:flex;flex-wrap:wrap;gap:6px 24px;margin:12px 0;padding-left:20px;font-size:12px;font-weight:650}.mf-register-guide small{display:block;color:var(--muted);font-size:12px}.mf-empty-box{display:flex;align-items:center;gap:16px}.mf-empty-box>svg{width:80px;flex:0 0 80px}.mf-empty-box p{margin:4px 0 0}@media(max-width:359px){.mf-empty-box{flex-direction:column;align-items:flex-start}.mf-empty-box>svg{flex-basis:auto}.mf-register-guide{padding:14px}}

/* Delivery cards keep the original package drawing; the sheet holds selection. */
.mf-box{flex-basis:270px;gap:8px;padding-top:20px}.mf-box.selected{padding-top:19px}.mf-box>svg{width:86px;height:70px;right:12px;top:14px}.mf-box strong{margin-top:20px}.mf-box .mf-badge{max-width:165px;padding-right:30px}.mf-box-items{border-top:1px solid var(--line);margin-top:6px;padding-top:10px}.mf-box-open{font-size:13px;font-weight:650;color:var(--brand-dark);margin-top:6px}.mf-device-group{margin:24px 0}.mf-device-group h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 8px}.mf-device-group h3>span{font-size:13px;color:var(--muted);font-weight:400}.mf-group-empty{font-size:13px;color:var(--muted);padding:12px 0;margin:0;border-bottom:1px solid var(--line)}.mf-device-group[data-group=ready] .mf-device{border:2px solid var(--brand-dark)}.mf-device-group[data-group=pending] .mf-device{border-style:dashed}.mf-device .mf-badge{font-size:12px}.mf-device .mf-review-note{border-top:1px solid var(--line);padding-top:8px}.mf-device-action{min-height:40px}.mf-register-guide summary{cursor:pointer;font-size:14px;font-weight:650}
.mf-picker-box{display:flex;align-items:center;gap:16px;padding:0 0 18px;border-bottom:1px solid var(--line)}.mf-picker-box>svg{width:84px;height:70px;flex:none}.mf-picker-box p{font-size:13px;line-height:1.5;margin:6px 0;color:var(--muted)}.mf-picker h3{font-size:17px;margin:24px 0 8px}.mf-picker-base{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:10px}.mf-filter-row{display:flex;align-items:center;gap:12px;margin-top:10px}.mf-filter-row>img{width:96px;height:72px;object-fit:contain;border-radius:6px}.mf-filter-row>div{flex:1;min-width:0}.mf-filter-row strong{font-size:14px}.mf-filter-row p,.mf-filter-row small{font-size:12px;line-height:1.5;margin:6px 0;color:var(--muted)}.mf-picker-notice{font-size:13px;line-height:1.6;padding:12px;border-radius:6px;background:var(--brand-soft);color:var(--brand-dark)}.mf-filter-options{display:grid;gap:10px}.mf-filter-option{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 14px;align-items:center;width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;font:inherit}.mf-filter-option>img,.mf-filter-option>svg{grid-row:1/3;width:96px;height:80px;object-fit:contain;border-radius:6px}.mf-filter-option>svg{padding:12px}.mf-filter-copy{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.mf-filter-copy strong{font-size:14px}.mf-filter-copy>span,.mf-filter-copy>small{font-size:12px;line-height:1.5;color:var(--muted)}.mf-toggle-state{font-size:13px;font-weight:700;color:var(--brand-dark);white-space:nowrap}.mf-filter-option .mf-toggle-state{grid-column:2;justify-self:end}.mf-filter-option.is-added{border:2px solid var(--brand-dark);padding:13px;background:var(--brand-soft)}.mf-filter-option:disabled{cursor:default;opacity:.65}.mf-filter-option:focus-visible{outline:3px solid var(--brand-glow);outline-offset:3px}.mf-picker-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);border-top:1px solid var(--line);padding:16px 0;margin-top:20px}.mf-picker-footer>span{font-size:12px;color:var(--muted)}.mf-picker-footer .main{width:auto;margin:0;padding:12px 18px;font-size:14px}.mf-picker .err:empty{display:none}@media(max-width:480px){.mf-devices{grid-template-columns:1fr}.mf-box{flex-basis:250px}.mf-heading h1{font-size:23px}.mf-filter-row{flex-wrap:wrap}.mf-filter-row .mf-toggle-state{margin-left:auto}.mf-filter-option{grid-template-columns:76px minmax(0,1fr);gap:8px}.mf-filter-option>img,.mf-filter-option>svg{width:76px;height:64px}}
.mf-picker{--mf-kraft:#d2b48c}
@media(max-width:480px){.mf-filter-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 12px}.mf-filter-row>img{width:76px;height:64px;grid-row:1/3}.mf-filter-row .mf-toggle-state{grid-column:2;margin-left:0}}

/* The box picker is a centered dialog on both phone and desktop. */
.modal.mf-picker-modal{align-items:center;justify-content:center;padding:16px}
.mf-picker-modal .sheet{width:100%;max-width:620px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border-radius:16px;padding:0}
.mf-picker-modal .sheet::before{display:none}
.mf-picker-modal .sheet-h{position:static;flex:none;margin:0;padding:20px 24px 16px;align-items:center}
.mf-picker-modal .sheet-b{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 20px}
.mf-picker-modal .sheet-x{width:40px;height:40px;margin:-8px -8px -8px 0}
.mf-picker-modal .mf-picker-box{padding-bottom:12px;gap:12px}
.mf-picker-modal .mf-picker-box>svg{width:64px;height:52px}
.mf-picker-modal .mf-filter-row{display:grid;grid-template-columns:144px minmax(0,1fr);gap:8px 16px}
.mf-picker-modal .mf-filter-row>img{width:144px;height:104px;grid-row:1/3}
.mf-picker-modal .mf-filter-row .mf-toggle-state{grid-column:2;margin:0}
.mf-picker-modal .mf-picker-notice{padding:0;background:none;color:var(--muted);margin:0 0 16px;font-size:12px}
.mf-picker-modal .mf-picker-footer{bottom:-20px;background:var(--card);padding:14px 0;margin-top:16px}
@media(max-width:480px){.mf-picker-modal .sheet-h{padding:16px}.mf-picker-modal .sheet-b{padding:0 16px 16px}.mf-picker-modal .mf-filter-row{grid-template-columns:100px minmax(0,1fr);gap:8px 12px}.mf-picker-modal .mf-filter-row>img{width:100px;height:80px}.mf-picker-modal .mf-picker-footer{bottom:-16px}.mf-picker-modal .mf-filter-row strong{font-size:13px}}
.mf-box-services{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mf-box-services .card{margin:0;border:0;box-shadow:none;padding:0;background:none}.mf-box-services .card .in{padding:0}.mf-box-services .band{margin:8px 0;border-radius:8px}.mf-box-services .navrow[data-open]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.mf-box-services .navrow .t{white-space:normal;overflow-wrap:anywhere}.mf-box-services .navrow[data-open] .s{grid-column:1;text-align:left;white-space:normal}.mf-box-services .navrow[data-open] .arw{grid-column:2;grid-row:1/3}.mf-box-services .navrow .s{font-size:12px}
.mf-box-services>summary{cursor:pointer;font-size:14px;font-weight:650;padding:12px 0;color:var(--brand-dark)}

/* Compact device board and distinct account navigation. */
.mf-device-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;color:var(--ink-soft);margin:0 0 12px}.mf-device-legend>span{display:flex;align-items:center;gap:5px}.mf-device-legend>span::before{content:'';width:9px;height:9px;border:1px solid var(--brand);border-radius:3px}.mf-device-legend .ready::before{background:var(--brand-dark)}.mf-device-legend .ordered::before{background:var(--brand-soft)}.mf-device-legend .pending::before{border:1px dashed var(--muted)}
.mf-device-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin:12px 0 18px}
.mf-device.mf-tile{padding:0;gap:0;min-height:0;height:156px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.mf-tile-main{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:32px 36px 16px;gap:5px 6px;align-content:start;align-items:start;flex:1;min-height:0;width:100%;padding:12px;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.mf-tile-main>svg{width:32px;height:32px}.mf-tile-status{font-size:11px;line-height:1.4;text-align:right;color:var(--muted);align-self:center}.mf-tile-main>strong{grid-column:1/-1;font-size:13px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.mf-tile-model{grid-column:1/-1;font-size:11px;line-height:16px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-tile[data-group=ready]{border:2px solid var(--brand-dark);background:var(--brand-soft)}.mf-tile[data-group=ready] .mf-tile-main{padding:11px}.mf-tile[data-group=ready] .mf-tile-status{color:var(--brand-dark);font-weight:750}.mf-tile[data-group=ordered]{border-color:var(--brand-glow)}.mf-tile[data-group=ordered] .mf-tile-status{color:var(--brand-dark)}.mf-tile[data-group=pending]{border-style:dashed;border-color:var(--muted)}
.mf-tile-buy{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:32px;font-size:11px;font-weight:650;color:var(--card);background:var(--brand-dark);text-decoration:none}
.mf-rail-shell{position:relative}.mf-carousel{position:relative}.mf-rail-cue{display:none}.mf-round[hidden]{display:none}
@media(max-width:600px){
 .mf-device-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mf-device.mf-tile{height:152px}
 .mf-rail-shell{border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}
 .mf-carousel{--mf-box-height:176px;--mf-rail-height:clamp(310px,48svh,400px);height:var(--mf-rail-height);flex-direction:column;align-items:center;gap:14px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;padding:calc((var(--mf-rail-height) - var(--mf-box-height))/2) 12px;touch-action:pan-y;scrollbar-width:thin}
 .mf-carousel .mf-box{flex:0 0 var(--mf-box-height);height:var(--mf-box-height);min-height:0;width:100%;padding:16px;gap:6px;border-radius:14px;scroll-snap-align:center;transform:scale(var(--mf-scale,.85));opacity:var(--mf-opacity,.62);transition:transform .12s linear,opacity .12s linear;transform-origin:center;box-shadow:0 4px 12px rgba(26,48,80,.06);background:var(--card)}
 .mf-carousel .mf-box.selected{padding:15px;background:var(--brand-soft)}.mf-carousel .mf-box>svg{width:68px;height:56px;right:14px;top:18px}.mf-carousel .mf-box strong{margin:6px 0 0;font-size:23px;line-height:1.25}.mf-carousel .mf-box .mf-badge{font-size:11px;min-height:16px}.mf-carousel .mf-box-items{padding-top:6px;margin-top:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4}.mf-carousel .mf-box-open{display:none}
 .mf-rail-cue{display:block;position:absolute;left:0;right:0;z-index:2;text-align:center;font-size:11px;font-weight:650;color:var(--brand-dark);padding:8px;pointer-events:none}.mf-cue-before{top:0;background:linear-gradient(var(--paper) 50%,transparent)}.mf-cue-after{bottom:0;background:linear-gradient(transparent,var(--paper) 50%)}
 .mf-carousel-guide{padding:8px 2px 0;gap:12px}.mf-rail-instruction{font-size:11px;line-height:1.5}.mf-carousel-guide .mini{font-size:18px;min-width:40px}
 .mf-section{margin-bottom:28px}.mf-account .account-nav{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.mf-carousel .mf-box{transition:none}}

/* Match the text TOCs in product/guide and the original account sidebar. */
.mf-account .account-nav{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 12px;gap:8px 20px;counter-reset:mf-toc}
.mf-account .account-nav a{padding:7px 0;border:0;border-radius:0;color:var(--ink-soft);font-size:14px;font-weight:600;text-align:left;text-decoration:none;white-space:nowrap}
.mf-account .account-nav a::before{counter-increment:mf-toc;content:counter(mf-toc,decimal-leading-zero);font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:var(--brand-deep);margin-right:7px}
.mf-account .account-nav a:hover,.mf-account .account-nav a:focus-visible{color:var(--brand-deep);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--brand)}
@media(min-width:1100px){.mf-account .account-nav{border-top:1px solid var(--line);border-bottom:0;padding:0;gap:0}.mf-account .account-nav a{padding:15px 0;border-bottom:1px solid var(--line)}}

/* Pinned contents and current location, matching the shared page TOCs. */
.mf-nav-slot{height:0;grid-column:1;grid-row:1;pointer-events:none;visibility:hidden}
.mf-account .account-nav{position:relative;top:auto;grid-column:1;grid-row:1;padding-top:12px;background:var(--bg)}
.mf-account .account-nav.mf-nav-pinned{position:fixed;top:var(--mf-nav-top);left:var(--mf-nav-left);width:var(--mf-nav-width);z-index:44;margin:0}
.mf-account .account-nav a[aria-current=location]{color:var(--brand-deep);background:color-mix(in srgb,var(--brand) 12%,transparent)}
.mf-account .account-nav a{padding-left:8px;padding-right:8px}
.mf-section{scroll-margin-top:var(--mf-anchor-offset,140px)}
@media(min-width:1100px){.mf-account .account-main{grid-column:2;grid-row:1}.mf-account .account-nav{padding-top:0}}
@media(min-width:1100px){.mf-account .account-nav{background:var(--section-linen);border:0;border-radius:var(--r-card);padding:16px}.mf-account .account-nav a:last-child{border-bottom:0}}