.mc{--paper:#f4f1eb;--ink:#17191d;--muted:#706e69;--line:#c9c4ba;--blue:#2563eb;--red:#d94145;--cream:#f4ecdd;--max:1440px}.mc *{box-sizing:border-box}.mc{background:var(--paper);color:var(--ink);min-height:100vh;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.mc button,.mc input{font:inherit}.mc button,.mc a{color:inherit}.mc button{cursor:pointer}.mc a{text-decoration:none}.mc code{font-family:SFMono-Regular,Consolas,monospace}.mc .topbar{height:76px;max-width:var(--max);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;margin:auto;display:flex}.mc .identity{align-items:center;gap:11px;display:flex}.mc .identity>span,.mc .footer-mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-family:Georgia,Songti SC,serif;display:grid}.mc .identity strong,.mc .identity small{display:block}.mc .identity strong{font-family:Georgia,Songti SC,serif;font-size:17px}.mc .identity small{letter-spacing:.17em;margin-top:3px;font-family:Arial,sans-serif;font-size:8px}.mc .topbar nav{align-items:center;gap:32px;font-size:12px;display:flex}.mc .topbar nav a{padding:30px 0 28px}.mc .topbar nav a:hover{color:var(--blue)}.mc .matrix-link{border:1px solid var(--ink);padding:9px 13px;font-size:11px}.mc .topbar .link-group{align-items:center;gap:10px;display:flex}.mc .hero{max-width:var(--max);border-bottom:1px solid var(--ink);grid-template-columns:1.02fr .98fr;min-height:700px;margin:auto;display:grid}.mc .hero-copy{flex-direction:column;padding:110px 80px 80px 0;display:flex}.mc .kicker,.mc .section-head>div>p,.mc .print-band>div>p{letter-spacing:.18em;font:700 11px/1.2 SFMono-Regular,Consolas,monospace}.mc .hero h1{letter-spacing:-.06em;margin:28px 0;font-family:Georgia,Songti SC,serif;font-size:clamp(64px,6vw,96px);font-weight:400;line-height:1.04}.mc .hero h1 span{color:var(--blue);font-style:italic}.mc .intro{color:#504f4b;max-width:620px;font-size:17px;line-height:1.9}.mc .hero-meta{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:auto;padding-top:22px;display:grid}.mc .hero-meta b{font:400 32px Georgia,serif}.mc .hero-meta small{color:var(--muted);margin-top:7px;font:10px Arial,sans-serif;display:block}.mc .hero-plate{border-left:1px solid var(--ink);background:#fff;min-height:620px;margin:40px 0;position:relative;overflow:hidden}.mc .hero-plate>div{flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:absolute}.mc .hero-plate span{letter-spacing:.14em;font:10px SFMono-Regular,Consolas,monospace}.mc .hero-plate b{font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:400}.mc .hero-plate code{font-size:11px}.mc .plate-primary{background:var(--blue);color:#fff;width:68%;height:68%;top:0;left:0}.mc .plate-coral{background:var(--red);color:#fff;width:32%;height:43%;top:0;right:0}.mc .plate-cream{background:var(--cream);width:32%;height:25%;top:43%;right:0}.mc .plate-ink{background:var(--ink);color:#fff;width:42%;height:32%;bottom:0;left:0}.mc .plate-note{text-align:right;align-items:flex-end;width:58%;height:32%;font:400 48px/1.02 Georgia,serif;bottom:0;right:0}.mc .principles{max-width:var(--max);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:auto;display:grid}.mc .principles article{border-right:1px solid var(--line);grid-template-columns:44px 120px 1fr;align-items:start;gap:16px;padding:30px 28px;display:grid}.mc .principles article:first-child{padding-left:0}.mc .principles article:last-child{border:0}.mc .principles i{font:11px SFMono-Regular,Consolas,monospace}.mc .principles b{font-size:14px}.mc .principles p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.mc .section{padding:98px max(24px,calc((100vw - var(--max))/2))}.mc .section-head{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding-bottom:30px;display:grid}.mc .section-head h2{letter-spacing:-.05em;margin:13px 0 0;font-family:Georgia,Songti SC,serif;font-size:58px;font-weight:400}.mc .section-head>p{max-width:580px;color:var(--muted);margin:0 0 5px auto;font-size:14px;line-height:1.8}.mc .catalog-tools{gap:17px;padding:28px 0 18px;display:grid}.mc .catalog-tools>label{border:1px solid var(--ink);background:#fff;align-items:center;max-width:600px;height:54px;padding:0 16px;display:flex}.mc .catalog-tools label span{font-size:22px}.mc .catalog-tools input{background:0 0;border:0;outline:0;width:100%;padding:14px}.mc .family-tabs,.mc .palette-tabs{flex-wrap:wrap;gap:7px;display:flex}.mc .family-tabs button,.mc .palette-tabs button{border:1px solid var(--line);background:0 0;border-radius:99px;padding:8px 13px;font-size:11px}.mc .family-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.mc .catalog-count{color:var(--muted);padding:10px 0 16px;font:10px SFMono-Regular,Consolas,monospace}.mc .swatch-grid{border-left:1px solid var(--line);border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.mc .swatch-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f6f2;min-width:0}.mc .swatch-color{border:0;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:190px;padding:15px;display:flex}.mc .swatch-color span{letter-spacing:.08em;font-size:10px}.mc .swatch-color code{align-self:flex-end;font-size:11px}.mc .swatch-data{text-align:left;background:0 0;border:0;grid-template-columns:1.1fr 1fr auto;align-items:start;gap:12px;width:100%;min-height:128px;padding:18px;display:grid}.mc .swatch-data span b,.mc .swatch-data span small{display:block}.mc .swatch-data span b{font-family:Georgia,Songti SC,serif;font-size:20px;font-weight:400}.mc .swatch-data span small{color:var(--muted);margin-top:5px;font-size:10px}.mc .value-line{color:var(--muted);font:9px/1.8 SFMono-Regular,Consolas,monospace}.mc .swatch-data em{font-size:10px;font-style:normal}.mc .swatch-data:hover{background:#fff}.mc .more{border:1px solid var(--ink);background:0 0;margin:30px auto 0;padding:12px 22px;font-size:11px;display:block}.mc .palette-section{background:var(--ink);color:#f5f2ec}.mc .section-head.light{border-color:#f5f2ec}.mc .section-head.light>p{color:#aaa8a3}.mc .palette-tabs{padding:28px 0}.mc .palette-tabs button{color:#d5d2cd;border-color:#55575b}.mc .palette-tabs button.active{color:var(--ink);background:#f5f2ec;border-color:#f5f2ec}.mc .palette-list{border-top:1px solid #62646a}.mc .palette-row{border-bottom:1px solid #4d4f54;grid-template-columns:110px 235px 1fr 112px;align-items:stretch;min-height:150px;display:grid}.mc .palette-index{padding:25px 20px 20px 0;font:34px Georgia,serif}.mc .palette-index small{color:#8d8f94;margin-top:11px;font:9px Arial,sans-serif;display:block}.mc .palette-title{border-left:1px solid #4d4f54;padding:25px 20px}.mc .palette-title h3{margin:0 0 9px;font-family:Georgia,Songti SC,serif;font-size:24px;font-weight:400}.mc .palette-title span{color:#8d8f94;font:9px SFMono-Regular,Consolas,monospace}.mc .palette-colors{min-width:0;display:flex}.mc .palette-colors button{border:0;align-items:flex-end;min-width:0;padding:10px;display:flex}.mc .palette-colors code{writing-mode:vertical-rl;opacity:.9;font-size:8px}.mc .copy-palette{color:#fff;background:0 0;border:0;border-left:1px solid #4d4f54;font-size:10px}.mc .copy-palette:hover{background:#292c31}.mc .workbench{border:1px solid var(--ink);grid-template-columns:1.3fr 1fr 1fr 1.15fr;min-height:360px;margin-top:35px;display:grid}.mc .workbench>div{border-right:1px solid var(--line);padding:26px}.mc .workbench>div:last-child{border:0}.mc .selected-block{flex-direction:column;display:flex}.mc .selected-block>span,.mc .measure-block>p,.mc .usage-block>p{letter-spacing:.12em;font:10px SFMono-Regular,Consolas,monospace}.mc .selected-block h3{margin:auto 0 4px;font-family:Georgia,Songti SC,serif;font-size:42px;font-weight:400}.mc .selected-block p{margin:0 0 18px}.mc .selected-block code{font-size:13px}.mc .measure-block{flex-direction:column;display:flex}.mc .measure-block h4{margin:24px 0 8px;font-family:Georgia,serif;font-size:26px;font-weight:400}.mc .measure-block strong{font:15px SFMono-Regular,Consolas,monospace}.mc .measure-block span{color:var(--muted);margin-top:auto;font-size:9px}.mc .measure-block b{margin-top:6px;font-size:13px}.mc .usage-block{flex-direction:column;display:flex}.mc .usage-block>b{margin-top:24px;font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:400;line-height:1.4}.mc .usage-block button{border:1px solid var(--ink);text-align:left;background:0 0;margin-top:auto;padding:11px;font-size:10px}.mc .print-band{max-width:var(--max);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:1fr 2fr;margin:0 auto 100px;padding:36px 0;display:grid}.mc .print-band h2{margin:15px 0;font-family:Georgia,Songti SC,serif;font-size:48px;font-weight:400;line-height:1.1}.mc .print-notes{grid-template-columns:repeat(3,1fr);display:grid}.mc .print-notes article{border-left:1px solid var(--line);padding:5px 28px}.mc .print-notes b{font-size:13px}.mc .print-notes p{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.8}.mc footer{background:var(--ink);color:#eae6df;min-height:190px;padding:44px max(24px,calc((100vw - var(--max))/2));grid-template-columns:1fr 1fr auto;align-items:start;display:grid}.mc footer>div{align-items:center;gap:12px;display:flex}.mc .footer-mark{color:var(--ink);background:#f1eee8}.mc footer b,.mc footer small{display:block}.mc footer b{font-family:Georgia,Songti SC,serif}.mc footer small{letter-spacing:.15em;margin-top:4px;font:8px Arial,sans-serif}.mc footer p{color:#9b9b98;margin:0;font-size:10px;line-height:1.8}.mc footer a{border-bottom:1px solid #777;padding-bottom:4px;font-size:10px}.mc .toast{color:var(--ink);border:1px solid var(--ink);z-index:20;background:#fff;padding:12px 16px;font-size:11px;position:fixed;bottom:25px;right:25px}@media (max-width:1100px){.mc .topbar,.mc .hero,.mc .principles,.mc .print-band{margin-left:24px;margin-right:24px}.mc .hero{grid-template-columns:1fr}.mc .hero-copy{padding-right:0}.mc .hero-plate{border-left:0;border-top:1px solid var(--ink);min-height:560px}.mc .principles article{grid-template-columns:35px 1fr}.mc .principles article p{grid-column:2}.mc .swatch-grid{grid-template-columns:repeat(3,1fr)}.mc .palette-row{grid-template-columns:80px 190px 1fr}.mc .copy-palette{display:none}.mc .workbench{grid-template-columns:1fr 1fr}.mc .workbench>div:nth-child(2){border-right:0}.mc .workbench>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:720px){.mc .topbar{height:66px}.mc .topbar nav,.mc .matrix-link{display:none}.mc .hero{min-height:auto}.mc .hero-copy{padding:75px 0 50px}.mc .hero h1{font-size:56px}.mc .hero-meta{grid-template-columns:1fr 1fr;gap:20px}.mc .hero-plate{min-height:470px;margin:0 0 24px}.mc .principles{grid-template-columns:1fr}.mc .principles article,.mc .principles article:first-child{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.mc .section{padding-top:70px;padding-bottom:70px}.mc .section-head{grid-template-columns:1fr}.mc .section-head h2{font-size:43px}.mc .section-head>p{margin:0}.mc .swatch-grid{grid-template-columns:1fr 1fr}.mc .swatch-color{height:150px}.mc .swatch-data{grid-template-columns:1fr;min-height:155px;padding:14px}.mc .value-line{font-size:8px}.mc .swatch-data em{display:none}.mc .palette-row{grid-template-columns:55px 125px 1fr;min-height:125px}.mc .palette-index{padding:18px 8px 0 0;font-size:22px}.mc .palette-title{padding:18px 12px}.mc .palette-title h3{font-size:17px}.mc .palette-colors code{display:none}.mc .workbench{grid-template-columns:1fr}.mc .workbench>div{border-right:0;min-height:260px;border-bottom:1px solid var(--line)!important}.mc .print-band,.mc .print-notes{grid-template-columns:1fr}.mc .print-notes article{border-left:0;border-top:1px solid var(--line);padding:20px 0}.mc footer{grid-template-columns:1fr;gap:35px}.mc .catalog-tools>label{max-width:none}}@media (max-width:420px){.mc .swatch-grid{grid-template-columns:1fr}.mc .palette-row{grid-template-columns:50px 100px 1fr}.mc .palette-title span{display:none}}.mc .topbar,.mc .hero,.mc .principles,.mc .print-band{width:calc(100% - 48px)}.mc button:focus-visible,.mc a:focus-visible,.mc input:focus-visible{outline-offset:3px;outline:3px solid #f2c14e}@media (max-width:1100px){.mc .topbar,.mc .hero,.mc .principles,.mc .print-band{width:auto}}.mc .swatch-color i{border-bottom:1px solid;align-self:flex-end;margin-top:auto;padding-bottom:3px;font-size:10px;font-style:normal}.mc .mini-tags{flex-wrap:wrap;gap:4px;margin-top:14px;display:flex}.mc .mini-tags i,.mc .scheme-copy i,.mc .related i{opacity:.72;border:1px solid;border-radius:99px;padding:3px 6px;font-size:9px;font-style:normal}.mc .selected-summary{border:1px solid var(--ink);grid-template-columns:330px 1fr;min-height:270px;margin-top:34px;display:grid}.mc .selected-summary .selected-block{min-height:270px;padding:24px}.mc .summary-data{grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.mc .summary-data span{border-left:1px solid var(--line);letter-spacing:.08em;color:var(--muted);padding:25px;font:9px SFMono-Regular,Consolas,monospace}.mc .summary-data strong{color:var(--ink);margin-top:24px;font-size:14px;line-height:1.5;display:block}.mc .summary-data>button{border:1px solid var(--ink);text-align:left;background:0 0;grid-column:1/-1;margin:0 24px 24px;padding:12px;font-size:10px}.mc .scheme-controls{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:24px;padding:42px 0 18px;display:flex}.mc .count-tabs,.mc .tag-tabs{flex-wrap:wrap;gap:7px;display:flex}.mc .count-tabs button{border:1px solid var(--line);text-align:left;background:0 0;padding:12px 16px;font-size:12px}.mc .count-tabs button small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.mc .count-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.mc .count-tabs button.active small{color:#c8c8c5}.mc .tag-tabs{justify-content:flex-end}.mc .tag-tabs button{color:var(--muted);background:0 0;border:0;padding:6px 4px;font-size:10px}.mc .tag-tabs button.active{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.mc .scheme-grid{grid-template-columns:1fr 1fr;gap:18px;padding-top:22px;display:grid}.mc .scheme-card{border:1px solid var(--ink);background:#f8f6f2}.mc .scheme-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:10px 14px;display:flex}.mc .scheme-card>header>span{letter-spacing:.1em;font:9px SFMono-Regular,Consolas,monospace}.mc .scheme-card>header>div{gap:6px;display:flex}.mc .scheme-card>header button,.mc .related-actions button{border:1px solid var(--line);background:0 0;padding:7px 9px;font-size:9px}.mc .scheme-card>header .prompt-button,.mc .related-actions .prompt-button{background:var(--ink);border-color:var(--ink);color:#fff}.mc .scheme-strip{height:220px;display:flex}.mc .scheme-strip button{border:0;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;padding:13px;display:flex}.mc .scheme-strip b{font-size:9px;font-weight:400}.mc .scheme-strip code{align-self:flex-end;font-size:9px}.mc .scheme-copy{padding:19px}.mc .scheme-copy h3{margin:0 0 9px;font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:400}.mc .scheme-copy p{min-height:40px;color:var(--muted);margin:0 0 15px;font-size:11px;line-height:1.7}.mc .scheme-copy>div{flex-wrap:wrap;gap:5px;display:flex}.mc .related{border-top:1px solid var(--ink);margin-top:85px;padding-top:30px}.mc .related-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.mc .related-head p{letter-spacing:.15em;font:9px SFMono-Regular,Consolas,monospace}.mc .related-head h3{margin:10px 0 0;font-family:Georgia,Songti SC,serif;font-size:32px;font-weight:400}.mc .related-head>span{color:var(--muted);font-size:10px}.mc .related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mc .related-grid>article{border:1px solid var(--line);background:#f8f6f2}.mc .related-grid header{padding:18px}.mc .related-grid header>span{color:var(--muted);font-size:9px}.mc .related-grid h4{margin:8px 0 13px;font-family:Georgia,Songti SC,serif;font-size:21px;font-weight:400}.mc .related-grid header>div{flex-wrap:wrap;gap:4px;display:flex}.mc .related-strip{height:115px;display:flex}.mc .related-strip button{border:0;flex:1}.mc .related-actions{gap:7px;padding:12px;display:flex}.mc .related-actions button{flex:1}.mc .prompt-button{white-space:nowrap}@media (max-width:1000px){.mc .selected-summary{grid-template-columns:280px 1fr}.mc .summary-data{grid-template-columns:1fr 1fr}.mc .summary-data>span:nth-child(3){grid-column:1/-1}.mc .scheme-controls{flex-direction:column;align-items:flex-start}.mc .tag-tabs{justify-content:flex-start}.mc .related-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.mc .selected-summary,.mc .summary-data{grid-template-columns:1fr}.mc .summary-data>span,.mc .summary-data>span:nth-child(3){border-left:0;border-top:1px solid var(--line);grid-column:1}.mc .count-tabs{width:100%}.mc .count-tabs button{flex:1;padding:10px}.mc .scheme-grid{grid-template-columns:1fr}.mc .scheme-strip{height:190px}.mc .related-head{flex-direction:column;align-items:flex-start}.mc .related-grid{grid-template-columns:1fr}.mc .related-strip{height:90px}}