/* 100buy Spreadsheet Model Match (mdm-) — graphite and cobalt on cool paper; device-plate motif */
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-normal.woff2?v=8f704806dbed) format("woff2");font-weight:500 800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/sourcesans-normal.woff2?v=19143dca0759) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/sourcesans-italic.woff2?v=5fbc14d56cea) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Martian Mono";src:url(/assets/fonts/martian-normal.woff2?v=d0be3a78a854) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
:root{--paper:#F3F4F7;--card:#FFFFFF;--ink:#171A21;--muted:#454C5B;--line:#D3D8E2;--cobalt:#1E4ED6;--cobalt-d:#163BA6;--wash:#E6ECFB;
--graphite:#1A1E26;--onink:#EEF1F7;--pink:#FF186B;--ok:#1C6B47;--warn:#8A4B07;
--f-head:"Archivo","Segoe UI",system-ui,sans-serif;--f-body:"Source Sans 3","Segoe UI",system-ui,sans-serif;--f-mono:"Martian Mono",ui-monospace,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--paper:#111419;--card:#191D25;--ink:#E7EAF1;--muted:#B1B8C6;--line:#2D3442;--cobalt:#8EAEFF;--cobalt-d:#B4C9FF;--wash:#1C2538;
--graphite:#0B0D11;--onink:#EEF1F7;--ok:#7FD3A8;--warn:#F2B66B}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.62 var(--f-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--cobalt);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--cobalt-d);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid var(--cobalt);outline-offset:2px}
p,li,dd,td{overflow-wrap:break-word}
h1,h2,h3{font-family:var(--f-head);line-height:1.18;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(30px,3.6vw,46px);font-weight:800;max-width:24ch}
h2{font-size:clamp(23px,2.3vw,30px);font-weight:750;position:relative;padding-left:22px;margin-bottom:14px}
h2::before{content:"";position:absolute;left:0;top:.18em;width:11px;height:11px;border-left:3px solid var(--cobalt);border-top:3px solid var(--cobalt)}
h3{font-size:20px;font-weight:700;margin:22px 0 6px}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin:0 0 6px}
.mdm-wrap{max-width:1168px;margin:0 auto;padding:0 24px}
.mdm-skip{position:absolute;left:-999px;top:0;background:var(--graphite);color:var(--onink);padding:10px 16px;z-index:9}
.mdm-skip:focus{left:12px;top:12px}
/* header */
.mdm-top{background:var(--graphite);color:var(--onink)}
.mdm-topin{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:10px}
.mdm-brand{display:flex;align-items:center;gap:10px;color:var(--onink);text-decoration:none;min-height:44px}
.mdm-brand:hover{color:#fff}
.mdm-bname{font:700 19px/1.2 var(--f-head);letter-spacing:-.01em}
.mdm-tagline{margin:0;font:400 13px/1.4 var(--f-mono);color:#C3CAD8;text-align:right;max-width:430px}
.mdm-nav{border-top:1px solid #2E3543}
.mdm-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 4px}
.mdm-nav li{margin:0}
.mdm-nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 11px;color:#E4E8F0;text-decoration:none;font:600 15px/1 var(--f-body)}
.mdm-nav a:hover{color:#fff;background:#262C38}
.mdm-nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -3px 0 #7FA0FF}
/* sections */
.mdm-sec{padding:46px 0}
.mdm-sec+.mdm-sec{border-top:1px solid var(--line)}
.mdm-head{padding:34px 0 30px;background:var(--card)}
.mdm-crumbs{font:400 14px/1.4 var(--f-body);color:var(--muted);margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.mdm-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.mdm-lede{font-size:20px;line-height:1.55;color:var(--muted);max-width:66ch;margin-top:14px}
.mdm-plate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border:1.5px solid var(--ink);border-radius:6px;overflow:hidden;max-width:980px}
.mdm-plate>div{padding:12px 14px;min-width:0;border-right:1.5px solid var(--ink)}
.mdm-plate>div:last-child{border-right:0}
.mdm-plate>div:first-child .mdm-pl::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:7px;vertical-align:1px}
.mdm-pl{display:block;font:600 11px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}
.mdm-pv{display:block;font:500 15.5px/1.45 var(--f-body)}
.mdm-duo-grid{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:44px;align-items:stretch}
.mdm-duo-l .mdm-duo-grid{grid-template-columns:540px minmax(0,1fr)}
.mdm-copy{min-width:0}
.mdm-copy>*:last-child{margin-bottom:0}
.mdm-deck-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:44px;margin-bottom:24px}
.mdm-deck-head p{color:var(--muted);font-size:18.5px}
.mdm-deck-body{min-width:0}
.mdm-deck-body>*:last-child,.mdm-deck-head>*:last-child{margin-bottom:0}
.mdm-fig{margin:0;min-width:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.mdm-fig img{width:100%;height:auto}
.mdm-duo .mdm-fig img{flex:1 1 auto;object-fit:contain;object-position:top center;background:var(--card)}
.mdm-fig figcaption{font:400 14.5px/1.5 var(--f-body);color:var(--muted);padding:10px 14px 12px;border-top:1px solid var(--line)}
.mdm-fig-w{max-width:1120px}
.mdm-shot img{width:100%;height:auto}
.mdm-deck-n .mdm-deck-grid{max-width:880px;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:34px}
.mdm-fig-d{max-width:540px}
.mdm-note{border-left:4px solid var(--cobalt);background:var(--wash);padding:12px 16px;border-radius:0 6px 6px 0;font-size:17px}
.mdm-quote{margin:16px 0;padding:14px 18px;border:1.5px dashed var(--muted);border-radius:6px;background:var(--card)}
.mdm-quote p{font:italic 400 18px/1.55 var(--f-body);margin:0 0 6px}
.mdm-quote footer{font:400 14px/1.4 var(--f-body);color:var(--muted)}
.mdm-dl{margin:0 0 14px}
.mdm-dl>div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.mdm-dl dt{font:600 16px/1.4 var(--f-head)}
.mdm-dl dd{margin:0}
.mdm-tscroll{overflow-x:auto;margin:0 0 16px}
.mdm-table{border-collapse:collapse;width:100%;font-size:16.5px;background:var(--card)}
.mdm-table caption{text-align:left;font:600 14px/1.4 var(--f-mono);color:var(--muted);padding:0 0 6px}
.mdm-table th,.mdm-table td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.mdm-table thead th{background:var(--wash);font-family:var(--f-head)}
/* hero (home) */
.mdm-hero{background:var(--card);padding:40px 0 30px}
.mdm-hero h1{max-width:26ch}
.mdm-search{display:flex;gap:0;margin:22px 0 0;max-width:760px;border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--card)}
.mdm-search label{position:absolute;left:-999px}
.mdm-search input{flex:1 1 auto;min-width:0;border:0;padding:15px 16px;font:400 18px/1.3 var(--f-body);background:transparent;color:var(--ink)}
.mdm-search button{border:0;background:var(--cobalt);color:#fff;font:700 17px/1 var(--f-head);padding:0 24px;min-height:54px;cursor:pointer}
@media (prefers-color-scheme:dark){.mdm-search button{background:#2B5BE0}}
.mdm-search button:hover{background:var(--cobalt-d)}
.mdm-strip{display:flex;flex-wrap:wrap;gap:6px 20px;margin:14px 0 0;padding:0;list-style:none;font:500 15px/1.3 var(--f-body)}
.mdm-strip li{margin:0}
.mdm-strip a{display:inline-flex;align-items:center;min-height:44px}
/* tool */
.mdm-tool{background:var(--wash)}
.mdm-toolgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.mdm-tool fieldset{border:0;margin:0 0 16px;padding:0;min-width:0}
.mdm-tool legend{font:700 17px/1.3 var(--f-head);margin-bottom:8px;padding:0}
.mdm-chips{display:flex;flex-wrap:wrap;gap:8px}
.mdm-chips label{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);cursor:pointer;font-size:16px}
.mdm-chips input{accent-color:var(--cobalt);width:17px;height:17px;margin:0}
.mdm-chips label:has(input:checked){border-color:var(--cobalt);box-shadow:0 0 0 1px var(--cobalt) inset}
.mdm-chips label.mdm-off{opacity:.55}
.mdm-card{background:var(--card);border:1.5px solid var(--ink);border-radius:8px;min-width:0}
.mdm-card-top{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1.5px solid var(--ink);font:600 12px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.05em}
.mdm-card-body{padding:14px 16px}
.mdm-card-body h3{margin:14px 0 6px;font-size:17px}
.mdm-card-body h3:first-child{margin-top:0}
.mdm-card-body ol,.mdm-card-body ul{font-size:16.5px}
.mdm-card-empty{color:var(--muted);font-size:16.5px}
.mdm-card-foot{padding:10px 16px 12px;border-top:1px dashed var(--line);font-size:15px;color:var(--muted)}
.mdm-yes::before{content:"Seen: ";font-weight:700;color:var(--ok)}
.mdm-no::before{content:"Not seen: ";font-weight:700;color:var(--warn)}
/* wall */
.mdm-wall-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mdm-wall-grid li{margin:0;min-width:0}
.mdm-tile{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;color:var(--ink);text-decoration:none}
.mdm-tile:hover{border-color:var(--cobalt);color:var(--ink)}
.mdm-tile img{aspect-ratio:1/1;width:100%;object-fit:cover}
.mdm-tile-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px 2px;font:700 17px/1.25 var(--f-head)}
.mdm-tile-k{font:500 10.5px/1.2 var(--f-mono);text-transform:uppercase;color:var(--muted);white-space:nowrap}
.mdm-tile-d{padding:4px 12px 12px;font-size:15.5px;line-height:1.45;color:var(--muted)}
.mdm-wall-intro{max-width:72ch}
/* shelf list (Spreadsheet page) */
.mdm-shelves{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px}
.mdm-shelves li{margin:0;padding:10px 0;border-bottom:1px solid var(--line);min-width:0}
.mdm-shelves a{font:700 17px/1.3 var(--f-head);display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.mdm-shelves span{display:block;font-size:16px;color:var(--muted)}
/* faq */
.mdm-faq details{border:1px solid var(--line);border-radius:6px;background:var(--card);margin-bottom:10px}
.mdm-faq summary{cursor:pointer;padding:12px 16px;min-height:44px;font:700 17px/1.35 var(--f-head)}
.mdm-faq-a{padding:0 16px 12px}
.mdm-faq-a>*:last-child{margin-bottom:0}
/* footer */
.mdm-foot{background:var(--graphite);color:#D5DAE4;padding:36px 0 20px;margin-top:0}
.mdm-foot a{color:#AFC4FF}
.mdm-foot a:hover{color:#fff}
.mdm-footin{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.mdm-fcol{min-width:0}
.mdm-fcol p{font-size:15.5px;line-height:1.55}
.mdm-fname{display:flex;align-items:center;gap:9px;font:700 18px/1.2 var(--f-head)!important;color:#fff}
.mdm-fhead{font:600 12px/1.3 var(--f-mono)!important;text-transform:uppercase;letter-spacing:.06em;color:#9EA7B8;margin-bottom:6px}
.mdm-foot ul{list-style:none;margin:0;padding:0}
.mdm-foot li{margin:0;min-height:44px;display:flex;align-items:center}
.mdm-foot li a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:15.5px}
.mdm-fine{font-size:13.5px!important;color:#A8B0BF;border-top:1px solid #2E3543;padding-top:14px;margin-top:22px}
/* 404 */
.mdm-lost{padding:60px 0}
/* fixed h2 size on wide screens */
@media (min-width:1180px){h2{font-size:30px}h1{font-size:46px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (max-width:1259px){
  .mdm-duo-grid,.mdm-duo-l .mdm-duo-grid{grid-template-columns:minmax(0,1fr);max-width:600px;margin:0 auto;gap:22px}
  .mdm-duo-l .mdm-fig{order:2}
  .mdm-duo .mdm-fig img{flex:none}
  .mdm-fig-d{margin:0 auto;width:100%}
}
@media (max-width:980px){
  .mdm-deck-grid,.mdm-deck-n .mdm-deck-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .mdm-toolgrid{grid-template-columns:minmax(0,1fr)}
  .mdm-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mdm-footin{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mdm-fwide{grid-column:1/-1}
  .mdm-tagline{display:none}
}
@media (max-width:640px){
  body{font-size:17px}
  .mdm-sec{padding:34px 0}
  .mdm-wrap{padding:0 16px}
  .mdm-plate{grid-template-columns:minmax(0,1fr)}
  .mdm-plate>div{border-right:0;border-bottom:1.5px solid var(--ink)}
  .mdm-plate>div:last-child{border-bottom:0}
  .mdm-shelves{grid-template-columns:minmax(0,1fr)}
  .mdm-wall-grid{gap:12px}
  .mdm-tile-t{font-size:15.5px;flex-direction:column;gap:3px}
  .mdm-tile-d{font-size:14.5px}
  .mdm-dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .mdm-search button{padding:0 16px}
  .mdm-nav a{padding:0 9px;font-size:14.5px}
  .mdm-footin{grid-template-columns:minmax(0,1fr)}
}