:root{--bg:#faf8f2;--ink:#27251f;--muted:#827d70;--line:#e8e1d3;--gold:#d4a94b;--paper:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Georgia,'Noto Serif SC','Songti SC',STSong,SimSun,serif;background-color:var(--bg);background-image:linear-gradient(#cbbd9f0a 1px,transparent 1px),linear-gradient(90deg,#cbbd9f0a 1px,transparent 1px);background-size:28px 28px}a{color:inherit;text-decoration:none}button{font:inherit}.header{border-bottom:1px solid var(--line);background:#faf8f2e8}.header-inner{max-width:1180px;margin:auto;min-height:96px;padding:18px 24px;display:flex;align-items:center;gap:70px}.brand{display:flex;align-items:center;gap:12px;min-width:176px}.logo{width:39px;height:45px;background:#f6d878;border:1px solid #e8c45b;transform:rotate(-6deg);display:grid;place-items:center;font-size:26px;color:#594529;border-radius:4px;box-shadow:2px 3px #eadfbf}.brand strong{font-size:20px;display:block}.brand small{display:block;font-size:9px;color:#9d8b62;letter-spacing:.08em;white-space:nowrap}.header nav{display:flex;gap:36px;align-self:stretch;align-items:center}.header nav a{font-size:15px;position:relative;white-space:nowrap}.header nav a.active{font-weight:700}.header nav a.active:after{content:'';height:2px;position:absolute;bottom:-16px;left:0;right:0;background:var(--gold)}.header-note{margin-left:auto;color:#a4977b;font-size:12px;white-space:nowrap}main{max-width:1132px;margin:auto;padding:60px 0 90px;min-height:70vh}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.025em}.sub{color:var(--muted);font-size:14px;line-height:1.8;margin-top:12px}.dossier-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:30px;margin-top:27px;align-items:start}.groups{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.group-title{font-size:15px;font-weight:700;margin-bottom:11px}.group-title span{font-family:Georgia,'Noto Serif SC','Songti SC',STSong,SimSun,serif;font-size:14px;font-weight:400;color:#a58759;margin-right:10px}.models{display:grid;grid-template-columns:1fr 1fr;gap:9px}.model{display:flex;gap:8px;text-align:left;min-height:73px;background:var(--paper);border:1px solid #e7dfd0;border-radius:5px;padding:11px;cursor:pointer;box-shadow:0 2px 2px #3428000c;color:var(--ink)}.model:hover{border-color:#d9bf7d}.model.active{background:#f8edcf;border-color:#cdae6a}.model .icon{font-size:19px;color:#c58865;line-height:1}.model:nth-child(even) .icon{color:#41a994}.model strong{display:block;font-size:13px;overflow-wrap:anywhere}.model small{display:block;font-size:12px;line-height:1.45;color:#77746c;margin-top:5px}.dossier{background:#fffdf8;border:1px solid #e7dfd0;border-radius:7px;padding:28px;box-shadow:0 4px 18px #44330008;min-height:305px}.dossier-label,.eyebrow{font-family:Georgia,'Noto Serif SC','Songti SC',STSong,SimSun,serif;color:#ac8a4e;font-size:12px;letter-spacing:.12em}.dossier h2{font-size:25px;margin:14px 0 8px}.dossier .subtitle{color:#8b826f;font-size:13px}.quote{font-size:16px;line-height:1.9;margin:30px 0 22px;padding:0 0 0 18px;border-left:3px solid #e7c574}.detail-line{border-top:1px solid #eee8db;padding-top:15px;color:#8b857a;font-size:13px;line-height:1.8}.section{margin-top:82px;border-top:1px solid var(--line);padding-top:36px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2,.page-title{font-size:25px}.all{font-size:13px;color:#8a6b2d;white-space:nowrap}.all:hover{text-decoration:underline}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.article{display:flex;gap:18px;align-items:center;background:var(--paper);border:1px solid #e9e1d3;border-radius:6px;padding:22px;min-height:105px}.article-num{font:16px Georgia,'Noto Serif SC','Songti SC',STSong,SimSun,serif;color:#bb9a5e}.article h3{font-size:16px}.article p{font-size:13px;color:var(--muted);margin-top:8px}.tag{margin-left:auto;border:1px solid #eaddc4;border-radius:20px;color:#a78645;font-size:10px;padding:4px 8px;white-space:nowrap}.empty{padding:50px 0 70px;color:var(--muted);line-height:1.9}.back{display:inline-block;margin-bottom:25px;color:#9c7a39;font-size:13px}.page-list{margin-top:28px}.note{border-left:3px solid #e6c66c;padding:12px 18px;background:#faf1d9;color:#806d43;font-size:13px;line-height:1.8;margin-top:24px}footer{max-width:1132px;margin:auto;padding:24px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#aaa08d;font-size:12px}footer b{color:#5d5546}footer a{color:#8a7b60}.footer-logo{color:#c49a43;font-size:20px;vertical-align:middle}a:focus-visible,button:focus-visible{outline:2px solid #b18532;outline-offset:3px}@media(max-width:760px){.header-inner{gap:0;flex-wrap:wrap;justify-content:space-between;padding:14px 20px 0}.brand{min-width:0}.header-note{margin-left:auto}.header nav{order:3;width:100%;justify-content:center;gap:30px;height:60px}.header nav a.active:after{bottom:-12px}main{padding:35px 20px 70px}h1{font-size:21px}.dossier-layout{grid-template-columns:1fr;gap:23px}.groups{grid-template-columns:1fr;gap:22px}.models{grid-template-columns:1fr 1fr}.model{min-height:68px}.dossier{min-height:0}.section{margin-top:56px;padding-top:30px}.article-grid{grid-template-columns:1fr}.section h2,.page-title{font-size:22px}footer{margin:0 20px}}@media(max-width:360px){.groups{grid-template-columns:1fr}.models{grid-template-columns:1fr 1fr}.header-note{font-size:10px}}

/* Curated reading shelf */
.collection-intro{position:relative;padding-bottom:10px}.collection-count{position:absolute;right:0;top:14px;padding:6px 14px;border-radius:20px;background:#eee8dc;color:#776e5e;font-size:12px}.collection-note{color:#8c8476;font-size:13px;line-height:1.8;margin:17px 0 0}.book-section{margin-top:64px}.book-section-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:26px}.book-section-heading>span{font:15px Georgia,serif;color:#ad8336}.book-section-heading h2{font-size:22px}.book-section-heading small{color:#8d867b;font-size:13px}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 28px}.books-preview{margin-top:26px}.book-card{min-width:0}.book-cover{position:relative;aspect-ratio:3 / 4;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:5px 12px 12px 5px;padding:28px 24px 20px;color:#211b18;box-shadow:4px 3px 0 #e4ded3,0 9px 18px #46341b16;border-left:6px solid #0002}.book-cover:before{content:'';position:absolute;left:5px;top:0;bottom:0;width:1px;background:#fff6}.book-cover:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.book-cover:hover{transform:translateY(-3px);box-shadow:4px 6px 0 #e4ded3,0 12px 22px #46341b20}.book-cover-title,.book-cover-author,.book-symbol{z-index:1}.book-cover-title{font-size:clamp(19px,2vw,27px);font-weight:700;line-height:1.32;overflow-wrap:anywhere}.book-cover-author{font-size:11px;text-align:center}.book-symbol{align-self:center;font-size:64px;font-weight:400;opacity:.5}.terracotta{background:#d97355}.ochre{background:#e8bd78}.sand{background:#e4d8bb}.sage{background:#c8cbb3}.blue{background:#1253b5;color:#fff}.ink{background:#181b1a;color:#f7f4ed}.deep{background:#0c343f;color:#f7f4ed}.book-card h3{font-size:16px;line-height:1.45;margin:17px 0 9px}.book-card h3 a:hover,.book-links a:hover{text-decoration:underline}.book-credit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#7c766c;font-size:13px;line-height:1.6}.org{display:inline-block;border:1px solid #e6ddcd;background:#f2ede2;color:#4d4940;border-radius:5px;padding:2px 7px;font-weight:700}.book-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px}.book-links a{color:#6f6b63;font-size:12px;border-bottom:1px solid #d4ccc0;padding-bottom:2px}@media(max-width:760px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 16px}.book-cover{padding:20px 16px 14px}.book-cover-title{font-size:20px}.book-symbol{font-size:48px}.book-section{margin-top:48px}.book-section-heading h2{font-size:19px}.book-card h3{font-size:15px}.collection-count{position:static;display:inline-block;margin-top:14px}}
@media(max-width:760px){.book-cover-title{font-size:clamp(14px,4vw,20px);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.book-symbol{font-size:36px}}

/* Typography and original cover illustrations */
body,body *{font-family:Georgia,"Noto Serif SC","Songti SC",STSong,SimSun,serif}.book-cover{background-size:cover;background-position:center;}.book-cover-title{font-family:Georgia,"Noto Serif SC","Songti SC",STSong,SimSun,serif;text-shadow:0 1px 4px #fff7}.book-cover-author{align-self:center;background:#faf6e8c9;color:#28221e;border-radius:2px;padding:2px 5px}.book-cover.blue .book-cover-title,.book-cover.deep .book-cover-title,.book-cover.ink .book-cover-title{text-shadow:0 1px 4px #0008}

.book-cover-title{align-self:flex-start;background:#f8f2e4dd;padding:5px 7px;border-radius:2px;line-height:1.25}.book-cover.blue .book-cover-title,.book-cover.deep .book-cover-title,.book-cover.ink .book-cover-title{background:#10222ad9;color:#fff}

/* Section headings and article-count indicators */
h1,h2,h3,h1 *,h2 *,h3 *,.book-cover-title,.model strong,.brand strong{font-family:Inter,"Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif}.collection-intro{padding-right:105px}.collection-count{position:absolute;right:0;top:0;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:6px 14px;border:1px solid #e6ddca;border-radius:20px;background:#f2ece0;color:#806c4a;font-size:12px;white-space:nowrap}@media(max-width:760px){.collection-intro{padding-right:90px}.collection-count{position:absolute;top:0;right:0;margin:0;padding:5px 10px}}

/* Model groups and provider marks */
.dossier-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px}
.groups{grid-template-columns:minmax(0,1fr);gap:26px}
.group-title{margin-bottom:12px}
.models{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.model{align-items:flex-start;gap:10px;min-width:0;min-height:84px;padding:13px 11px}
.model-copy{min-width:0;flex:1}
.model strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.model small{font-size:11px;line-height:1.4}
.model-logo{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #eee7d9;border-radius:8px;background:#fffefa}
.model-logo img{display:block;width:19px;height:19px;object-fit:contain}
.model-logo.deepseek img{filter:invert(35%) sepia(83%) saturate(1782%) hue-rotate(199deg) brightness(98%) contrast(94%)}
.model-logo.placeholder{font-size:20px;line-height:1;color:#b49d76}
.dossier{position:sticky;top:24px}
.dossier-title{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}
.dossier-title .model-logo{flex-basis:38px;width:38px;height:38px}
.dossier-title .model-logo img{width:24px;height:24px}
@media(max-width:760px){.dossier-layout{grid-template-columns:minmax(0,1fr)}.models{grid-template-columns:repeat(2,minmax(0,1fr))}.dossier{position:static}.model{min-height:76px}}

/* Compact model shelf and readable notes */
.dossier-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:24px}
.groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;align-items:start}
.models{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.model{min-height:66px;padding:10px 8px;gap:8px}
.model strong{font-size:12px;line-height:1.3;overflow-wrap:normal}
.model small{font-size:10px;margin-top:4px}
.model-logo{flex-basis:25px;width:25px;height:25px;border-radius:7px}
.model-logo img{width:17px;height:17px}
.dossier{padding:22px;min-height:0}
.dossier h2{font-size:21px;margin:12px 0 7px}
.dossier-intro{font-size:13px;line-height:1.7;color:#6f695d;margin:16px 0}
.model-details{margin:0;border-top:1px solid #eee8db}
.model-details div{padding:12px 0;border-bottom:1px solid #eee8db}
.model-details dt{font-size:12px;font-weight:700;color:#6f5d3b;margin-bottom:5px}
.model-details dd{margin:0;color:#6f6a61;font-size:13px;line-height:1.65}
.model-note{margin-top:12px;color:#9a9283;font-size:11px;line-height:1.6}
@media(max-width:760px){.dossier-layout{grid-template-columns:minmax(0,1fr)}.groups{gap:22px 12px}.models{grid-template-columns:minmax(0,1fr)}.model{min-height:62px}.dossier{position:static}}
@media(max-width:360px){.groups{grid-template-columns:minmax(0,1fr)}.models{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Day and night */
.header-inner{gap:36px}
.theme-toggle{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;margin-left:-20px;padding:0;border:1px solid #e7dfd0;border-radius:50%;background:#fffdf7;color:#a7792a;cursor:pointer;transition:background-color .35s,color .35s,border-color .35s,transform .25s}
.theme-toggle:hover{transform:rotate(12deg);border-color:#cdae6a;background:#f8edcf}
.theme-toggle svg{width:19px;height:19px;grid-area:1/1;transition:opacity .25s,transform .4s}
.moon-icon{opacity:0;transform:rotate(-45deg) scale(.65)}
html[data-theme="dark"] .sun-icon{opacity:0;transform:rotate(45deg) scale(.65)}
html[data-theme="dark"] .moon-icon{opacity:1;transform:rotate(0) scale(1)}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:2}
html[data-theme="dark"]{--bg:#191a1d;--ink:#ece8df;--muted:#aaa79e;--line:#3a3835;--paper:#26272a;color-scheme:dark}
html[data-theme="dark"] body{background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:28px 28px}
html[data-theme="dark"] .header{background:#1e1f22ed}
html[data-theme="dark"] .header-note,html[data-theme="dark"] .brand small{color:#b9aa89}
html[data-theme="dark"] .theme-toggle{background:#2b2c30;border-color:#4e4b43;color:#e9cc8d}
html[data-theme="dark"] .theme-toggle:hover{background:#3a3835;border-color:#b79b67}
html[data-theme="dark"] .model,html[data-theme="dark"] .article{border-color:#45433e}
html[data-theme="dark"] .model.active{background:#51452d;border-color:#b39658}
html[data-theme="dark"] .model:hover{border-color:#c2a36a}
html[data-theme="dark"] .model small,html[data-theme="dark"] .subtitle{color:#bdb7a9}
html[data-theme="dark"] .model-logo{background:#f8f5ec;border-color:#d9d2c6}
html[data-theme="dark"] .dossier{background:#242529;border-color:#45433e}
html[data-theme="dark"] .dossier-intro,html[data-theme="dark"] .model-details dd{color:#c9c4b9}
html[data-theme="dark"] .model-details dt{color:#dfc896}
html[data-theme="dark"] .model-details,html[data-theme="dark"] .model-details div{border-color:#44413a}
html[data-theme="dark"] .model-note,html[data-theme="dark"] .collection-note,html[data-theme="dark"] .book-credit,html[data-theme="dark"] .book-section-heading small{color:#b0aa9d}
html[data-theme="dark"] .collection-count,html[data-theme="dark"] .org,html[data-theme="dark"] .tag{background:#38342d;border-color:#5d5342;color:#e1c993}
html[data-theme="dark"] .book-links a,html[data-theme="dark"] footer a{color:#c6bba7;border-color:#665f53}
html[data-theme="dark"] .book-cover{box-shadow:4px 3px 0 #444039,0 9px 18px #0005}
html[data-theme="dark"] .note{background:#383125;color:#dec997;border-color:#c5a464}
html[data-theme="dark"] footer b{color:#d0c7b6}
@media(max-width:760px){.header-inner{gap:0}.theme-toggle{width:36px;height:36px;margin-left:14px}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle svg{transition:none}}
@supports not (view-transition-name: none){body,.header,.model,.article,.dossier{transition:background-color .35s,color .35s,border-color .35s}}

/* Align model groups on a shared three-column shelf */
.groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px}
.model-group{min-width:0;grid-column:span var(--group-size)}
.model-group .models{grid-template-columns:repeat(var(--group-size),minmax(0,1fr));gap:10px}
.model{height:100%;min-height:70px}
.model strong{overflow-wrap:anywhere}
@media(max-width:760px){
  .groups{grid-template-columns:minmax(0,1fr);gap:20px}
  .model-group{grid-column:auto}
  .model-group .models{gap:8px}
  .model{min-height:70px}
}
@media(max-width:420px){
  .model{padding:9px 6px;gap:6px}
  .model strong{font-size:11px}
  .model small{font-size:10px}
  .model-logo{flex-basis:23px;width:23px;height:23px}
}

/* Aha identity and material backgrounds */
body{background-color:#faf6ef;background-image:linear-gradient(#faf7f080,#faf7f080),url("textures/marble.webp");background-position:center;background-size:cover;background-attachment:fixed}
html[data-theme="dark"] body{background-color:#191817;background-image:linear-gradient(#14131155,#14131155),url("textures/leather.webp");background-position:center;background-size:cover;background-attachment:fixed}
.aha-mark{display:block;width:42px;height:42px;flex:0 0 42px}
.aha-footer-mark{width:23px;height:23px;vertical-align:middle}
.brand{gap:10px}
.brand strong{font-size:23px}
html[data-theme="dark"] .header{background:#211e1bdc}
@media(max-width:760px){.aha-mark{width:38px;height:38px;flex-basis:38px}}
.model-logo.anthropic img{filter:invert(52%) sepia(48%) saturate(925%) hue-rotate(327deg) brightness(96%) contrast(89%)}
@media(min-width:761px){.model-group:first-child .models{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.model-group:first-child .models{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Side gutter between the phone and wide-desktop breakpoints, aligned with the header */
main{max-width:1180px;padding-left:24px;padding-right:24px}
footer{max-width:1132px;width:calc(100% - 48px)}
@media(max-width:760px){main{padding-left:20px;padding-right:20px}footer{width:auto}}

/* Covers load as lazy images instead of background images */
.book-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.book-cover:before,.book-cover:after{z-index:1}