:root{
  --paper:#fcfcf5;--surface:#fff;--ink:#293e32;--ink-2:#41643d;--muted:#788476;
  --green:#658c60;--green-soft:#eef4e7;--green-pale:#f4f8ee;--line:#dce4d6;
  --yellow:#f5d77c;--yellow-soft:#fff4c9;--shadow:#dfe8d8;
  font-family:"Avenir Next","Nunito","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--paper);font-synthesis:none;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);overflow-x:hidden}a{color:inherit}button,input{font:inherit}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:25px;font-weight:850;letter-spacing:-1.2px}.brand img{width:35px;height:37px}.brand i{font-style:normal;color:var(--green)}
.site-nav{display:flex;align-items:center;gap:8px}.site-nav a{padding:9px 13px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:650}.site-nav a.active{background:var(--green-soft);color:var(--ink-2)}.site-nav .back{border:1px solid var(--line);background:#fff}
.kicker{margin:0;color:var(--green);font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.prototype-note{margin:16px 0 0;padding:10px 14px;background:var(--yellow-soft);border:1px solid #ead88f;border-radius:10px;color:#65571f;font-size:12px}

/* Library */
.library-hero{padding:58px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:42px;align-items:end}.library-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-4px;margin:14px 0 18px;max-width:800px}.library-hero h1 em{font-style:normal;color:var(--green);position:relative}.library-hero h1 em:after{content:"";position:absolute;left:-4px;right:-7px;bottom:5px;height:13px;background:var(--yellow);border-radius:50%;z-index:-1;transform:rotate(-1deg)}.library-hero p{margin:0;max-width:690px;font-size:17px;line-height:1.8;color:var(--muted)}
.hero-meter{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:22px;box-shadow:0 5px 0 var(--shadow)}.hero-meter span{display:block;font-size:11px;color:var(--muted)}.hero-meter strong{display:block;font-size:48px;letter-spacing:-3px;color:var(--ink-2);margin:7px 0}.hero-meter small{font-size:11px;color:var(--green)}.meter-track{height:9px;background:var(--green-soft);border-radius:10px;margin-top:15px;overflow:hidden}.meter-track i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:inherit}
.library-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:25px auto 18px}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.filters button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:9px 14px;font-size:12px;cursor:pointer}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.search{width:265px;flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 14px;color:var(--ink)}
.case-list{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;margin-bottom:56px}.case-row{display:grid;grid-template-columns:52px minmax(0,1fr) 170px 116px;align-items:center;gap:20px;padding:24px 26px;border-bottom:1px solid var(--line);text-decoration:none;transition:.18s}.case-row:last-child{border-bottom:0}.case-row:hover{background:var(--green-pale)}.case-index{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--green-soft);font-size:12px;font-weight:800;color:var(--green)}.case-row.real .case-index{background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-3deg)}.case-copy{min-width:0}.case-copy h2{font-size:18px;line-height:1.45;margin:0 0 7px;letter-spacing:-.25px}.case-copy p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-copy .insight{display:flex;gap:7px;align-items:baseline;margin-top:10px;color:var(--ink-2);font-size:12px;font-weight:700;white-space:normal}.case-copy .insight b{flex:0 0 auto;padding:2px 6px;border-radius:5px;background:var(--yellow);font-size:9px;letter-spacing:.08em}.result{padding-left:18px;border-left:1px solid var(--line)}.result strong{display:block;color:var(--ink-2);font-size:30px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.result span,.result small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.case-cta{justify-self:end;border:1.5px solid var(--ink);background:var(--yellow);border-radius:11px;padding:10px 13px;font-size:12px;font-weight:800;box-shadow:0 3px 0 var(--ink)}.placeholder{opacity:.55}.placeholder .case-index:after{content:"样";font-size:10px}.placeholder .case-index{font-size:0}

/* Detail */
.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:30px}.crumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.crumb a{text-decoration:none}.detail-back{display:inline-flex;align-items:center;gap:7px;padding:8px 0;text-decoration:none;color:var(--muted);font-size:12px;font-weight:700;transition:color .18s ease}.detail-back span{color:var(--green);font-size:15px}.detail-back:hover{color:var(--ink-2)}.detail-hero{padding:32px 0 34px;max-width:920px}.detail-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.2;letter-spacing:-3px;margin:14px 0 26px}.byline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:850;border:1px solid var(--ink)}.tag{padding:4px 8px;border-radius:7px;background:var(--green-soft);color:var(--green);font-size:10px}.result-board{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff;border-radius:23px;padding:29px;margin-bottom:34px;box-shadow:0 7px 0 #d5dfcf}.result-board div{padding:0 24px;border-right:1px solid #ffffff25}.result-board div:last-child{border:0}.result-board strong{display:block;color:var(--yellow);font-size:36px;letter-spacing:-1.5px}.result-board span{display:block;margin-top:6px;color:#d9e3d8;font-size:11px}
.detail-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:42px;align-items:start}.article{min-width:0}.insight-card{padding:28px;border:1px solid #cad9be;border-radius:21px;background:var(--green-soft);position:relative;margin-bottom:34px}.insight-card:before{content:"⚡";position:absolute;right:24px;top:18px;font-size:34px;opacity:.22}.insight-card .kicker{margin-bottom:12px}.insight-card p{font-size:21px;line-height:1.6;font-weight:750;margin:0;max-width:650px}.article-section{padding:10px 0 30px;border-bottom:1px solid var(--line)}.article-section h2{font-size:25px;letter-spacing:-.7px;margin:16px 0}.article-section>p{font-size:15px;line-height:1.9;color:#435449}.foundation-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none}.foundation-list li{padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:13px;line-height:1.5}.decision{padding:23px;border-left:5px solid var(--yellow);background:#fff9e6;border-radius:0 16px 16px 0}.decision strong{display:block;font-size:19px;line-height:1.55}.decision p{margin:9px 0 0!important}.human-ai{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden}.human-ai section{padding:20px}.human-ai section:first-child{background:var(--green-soft)}.human-ai h3{font-size:14px;margin:0 0 12px}.human-ai ul{margin:0;padding-left:18px;color:#536257;font-size:13px;line-height:1.9}.copy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.copy-card{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fff}.copy-card h3{font-size:13px;margin:0 0 11px}.copy-card p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}.copy-card.yes{border-top:4px solid var(--green)}.copy-card.need{border-top:4px solid var(--yellow)}.copy-card.no{border-top:4px solid #b6a08c}
.original-more{padding:26px;border-radius:20px;background:var(--ink);color:#fff;margin:30px 0}.original-more h2{margin:0 0 9px;font-size:22px}.original-more p{color:#d8e1d7;line-height:1.7;font-size:13px}.original-more ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;padding-left:18px;color:#edf3e9;font-size:12px;line-height:1.6}
.invite-inline{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;padding:24px;border:1px solid #b9d7c6;border-radius:22px;background:linear-gradient(135deg,#e8f5e8,#ddfaf1);margin:28px 0}.invite-inline img{width:190px;height:230px;object-fit:cover;object-position:50% 100%;border-radius:15px;border:1px solid #80b7a1}.invite-inline h2{font-size:24px;line-height:1.35;margin:0 0 10px}.invite-inline p{font-size:13px;line-height:1.7;color:#49665a}.invite-inline a,.mobile-invite{display:inline-flex;text-decoration:none;padding:11px 16px;border:1.5px solid var(--ink);border-radius:11px;background:var(--yellow);box-shadow:0 3px 0 var(--ink);font-size:12px;font-weight:800}.invite-inline small{display:block;color:#668074;font-size:9px;margin-top:12px;line-height:1.5}
.source-box{margin:26px 0 60px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.source-box strong{display:block;margin-bottom:8px}.source-box p{font-size:12px;line-height:1.7;color:var(--muted)}.source-box a{color:var(--green);font-size:12px;font-weight:750}
.side{position:sticky;top:22px}.side-invite{padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 5px 0 var(--shadow)}.side-invite>span{display:block;margin:3px 3px 10px;font-size:11px;color:var(--green);font-weight:800}.side-invite img{display:block;width:100%;height:330px;object-fit:cover;object-position:50% 100%;border-radius:13px}.side-invite strong{display:block;font-size:17px;margin:13px 3px 5px}.side-invite p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 3px 10px}.side-invite small{display:block;font-size:9px;color:#94a095;margin:0 3px}.side-nav{margin-top:15px;padding:17px;border-left:3px solid var(--yellow);background:#fff}.side-nav span{display:block;font-size:10px;color:var(--muted);margin-bottom:9px}.side-nav a{display:block;text-decoration:none;font-size:11px;color:var(--ink-2);padding:5px 0}
.mobile-invite{display:none}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer strong{color:var(--ink)}

@media(max-width:900px){.library-hero{grid-template-columns:1fr}.hero-meter{display:none}.case-row{grid-template-columns:45px minmax(0,1fr) 140px}.case-cta{display:none}.detail-layout{grid-template-columns:1fr}.side{display:none}.mobile-invite{display:inline-flex;position:fixed;z-index:20;left:16px;right:16px;bottom:14px;justify-content:center}.detail-page footer{padding-bottom:90px}}
@media(max-width:650px){.shell{width:calc(100% - 30px)}.site-header{height:72px}.brand{font-size:20px}.brand img{width:29px}.site-nav a{font-size:11px;padding:7px}.site-nav a:not(.active){display:none}.library-hero{padding:38px 0 20px}.library-hero h1{font-size:43px;letter-spacing:-2.5px}.library-hero p{font-size:14px}.library-tools{align-items:stretch;flex-direction:column}.search{width:100%}.case-list{border-radius:18px}.case-row{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px 14px}.case-index{width:36px;height:36px}.case-copy h2{font-size:16px}.case-copy p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result{grid-column:2;padding:10px 0 0;border:0;display:flex;align-items:baseline;gap:8px}.result strong{font-size:25px}.result span,.result small{display:inline}.detail-hero{padding-top:25px;min-width:0}.detail-hero h1{font-size:39px;letter-spacing:-2px;overflow-wrap:anywhere;word-break:break-word}.byline{flex-wrap:wrap}.result-board{grid-template-columns:1fr;padding:10px 22px;min-width:0}.result-board div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center;padding:15px 0;border-right:0;border-bottom:1px solid #ffffff25;min-width:0}.result-board div:last-child{border:0}.result-board strong{font-size:29px}.result-board span{margin:0;text-align:right;overflow-wrap:anywhere}.insight-card{padding:22px;min-width:0}.insight-card p{font-size:18px;overflow-wrap:anywhere}.foundation-list,.copy-grid,.human-ai{grid-template-columns:1fr}.human-ai section+section{border-top:1px solid var(--line)}.original-more ul{grid-template-columns:1fr}.invite-inline{grid-template-columns:1fr}.invite-inline img{width:100%;height:280px;object-position:50% 100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Refined library prototype */
.library-hero{display:block;max-width:1160px;padding-top:64px;padding-bottom:34px}.library-hero>div{max-width:980px}.library-hero h1{max-width:1000px;font-size:clamp(44px,5.6vw,70px)}
.search{width:340px;font-size:11px}.case-cta{min-width:142px;text-align:center}

/* A restrained editorial system for the case detail */
.detail-hero{max-width:960px;padding-bottom:34px}.detail-hero h1{max-width:900px;font-size:clamp(38px,4.6vw,58px)}
.result-board{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:17px;padding:0;box-shadow:none;margin-bottom:46px}
.result-board div{padding:22px 28px;border-right:1px solid var(--line)}.result-board strong{color:var(--ink-2);font-size:32px}.result-board span{color:var(--muted);font-size:11px}
.detail-layout{grid-template-columns:minmax(0,790px) 240px;gap:54px}.insight-card{padding:23px 25px;border:1px solid #d8dfc3;border-radius:14px;background:#fffdf3;margin-bottom:38px}.insight-card:before{display:none}.insight-card p{font-size:19px;line-height:1.7;font-weight:700}
.article-section{padding:12px 0 38px}.article-section h2{font-size:24px;margin:13px 0 15px}.foundation-list{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.foundation-list li{border:0;border-radius:0;background:transparent;padding:14px 5px;font-size:13px}.foundation-list li:nth-child(odd){border-right:1px solid var(--line)}.foundation-list li:nth-child(-n+2){border-bottom:1px solid var(--line)}
.decision{padding:3px 0 3px 20px;border-left:3px solid var(--yellow);background:transparent;border-radius:0}.decision strong{font-size:18px}.human-ai{border-radius:0;border-width:1px 0}.human-ai section{padding:20px 22px;background:transparent!important}.human-ai section+section{border-left:1px solid var(--line)}
.copy-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.copy-card{border:0!important;border-radius:0;padding:20px 18px;background:transparent}.copy-card+.copy-card{border-left:1px solid var(--line)!important}.copy-card h3{font-size:12px;color:var(--green)}
.original-more{padding:28px 0;background:transparent;color:var(--ink);border-radius:0;border-bottom:1px solid var(--line);margin:22px 0 0}.original-more p{color:var(--muted)}.original-more ul{color:var(--ink-2)}
.text-cta,.attribution button,.side-readmore button{border:0;background:transparent;color:var(--green);padding:0;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.text-cta{margin-top:9px}.attribution{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 60px;padding:18px 0}.attribution p{margin:0;color:var(--muted);font-size:11px}
.side-nav{margin:0;padding:17px 0 17px 18px;background:transparent}.side-readmore{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.side-readmore strong{font-size:13px}.side-readmore p{font-size:11px;line-height:1.65;color:var(--muted)}
.invite-dialog{width:min(820px,calc(100% - 32px));max-height:90vh;padding:0;border:0;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #1e32274d;overflow:hidden}.invite-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center}.invite-dialog::backdrop{background:#1b2c237d;backdrop-filter:blur(3px)}.invite-dialog img{display:block;width:300px;height:min(74vh,640px);object-fit:cover;object-position:50% 100%}.dialog-copy{padding:34px}.dialog-copy h2{font-size:28px;line-height:1.35;margin:12px 0}.dialog-copy>p{font-size:13px;line-height:1.8;color:var(--muted)}.dialog-points{display:grid;gap:8px;margin:20px 0}.dialog-points span{padding:10px 12px;border-radius:9px;background:var(--green-soft);font-size:12px}.dialog-copy small{display:block;color:#8b958b;font-size:9px;line-height:1.6}.dialog-close{position:absolute;z-index:2;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:22px;cursor:pointer;box-shadow:0 2px 10px #1d2f2526}
.mobile-invite{cursor:pointer}

@media(max-width:900px){.library-hero{padding-top:48px}.search{width:100%}.detail-layout{grid-template-columns:1fr}.side{display:none}}
@media(max-width:650px){.library-hero h1{font-size:40px;letter-spacing:-2px}.result-board div{border-color:var(--line)}.result-board span{text-align:right}.human-ai section+section{border-left:0}.copy-card+.copy-card{border-left:0!important;border-top:1px solid var(--line)!important}.attribution{align-items:flex-start;flex-direction:column}.invite-dialog[open]{display:block;overflow:auto}.invite-dialog img{width:100%;height:auto;max-height:none}.dialog-copy{padding:28px 24px}.mobile-invite{font-family:inherit}}

/* Three comparable list-row directions */
.variants-main{padding-bottom:70px}.variants-head{padding:52px 0 28px}.variants-head h1{margin:0 0 10px;font-size:42px;letter-spacing:-2px}.variants-head p{margin:0;color:var(--muted)}.variant-block{margin:22px 0 34px}.variant-label{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}.variant-label>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--yellow);border:1px solid var(--ink);font-size:12px}.variant-label>span{font-weight:800}.variant-label small{color:var(--muted)}
.variant-row{display:grid;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;transition:.18s}.variant-row:hover{border-color:#aebca7;box-shadow:0 4px 0 var(--shadow)}.author-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);border:1px solid var(--ink);font-size:15px;font-weight:850}.variant-body{min-width:0}.variant-body h2{margin:0 0 10px;font-size:19px;line-height:1.45}.author-line{display:grid;grid-template-columns:70px minmax(220px,1fr) repeat(3,auto);align-items:center;gap:7px;color:var(--muted);font-size:11px}.author-line strong{color:var(--ink)}.author-line i,.tag-line i{padding:4px 7px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:9px;font-style:normal;white-space:nowrap}.variant-body blockquote{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--ink-2);font-size:12px;line-height:1.6}.variant-body blockquote b{margin-right:8px;color:var(--green);font-size:10px}.variant-result{padding-left:18px;border-left:1px solid var(--line)}.variant-result strong{display:block;color:var(--ink-2);font-size:29px}.variant-result span{display:block;margin:4px 0 12px;color:var(--muted);font-size:10px}.variant-result button,.compact-cta{border:1px solid var(--ink);border-radius:9px;background:var(--yellow);padding:8px 10px;color:var(--ink);font-size:10px;font-weight:800;white-space:nowrap}.variant-a{grid-template-columns:46px minmax(0,1fr) 165px}
.variant-b{grid-template-columns:145px minmax(0,1fr) 165px}.variant-person{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:4px 10px}.variant-person .author-avatar{grid-row:1/3}.variant-person strong{align-self:end}.variant-person small{align-self:start;color:var(--muted);font-size:9px}.tag-line{display:flex;gap:6px;margin-bottom:8px}.variant-b .variant-body blockquote{border:0;padding:0;color:var(--muted)}
.variant-c{grid-template-columns:46px 120px minmax(0,1fr) 125px auto;padding-top:17px;padding-bottom:17px}.variant-c .variant-person{display:block}.variant-c .variant-person strong,.variant-c .variant-person small{display:block}.variant-c .variant-person small{margin-top:5px;line-height:1.5}.variant-c .variant-body h2{font-size:16px;margin-bottom:7px}.variant-c .tag-line{display:inline-flex;margin:0 9px 0 0}.variant-c blockquote{display:inline;border:0;padding:0;margin:0;color:var(--muted);font-size:11px}.variant-result.compact{padding-left:14px}.variant-result.compact strong{font-size:24px}.variant-result.compact span{margin-bottom:0}.compact-cta{justify-self:end}
@media(max-width:780px){.variant-row,.variant-a,.variant-b,.variant-c{grid-template-columns:46px minmax(0,1fr)}.variant-result,.variant-result.compact,.compact-cta{grid-column:2}.variant-result{border-left:0;padding:8px 0 0}.variant-person{grid-column:1}.variant-b .variant-body{grid-column:2}.variant-c .variant-person{grid-column:2}.author-line{display:flex;flex-wrap:wrap}.author-line>span{width:100%}.variant-label small{display:none}}

/* Selected author-first list */
.author-first-list .case-row{grid-template-columns:48px minmax(0,1fr) 150px 150px;padding-top:21px;padding-bottom:21px}.list-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);border:1px solid var(--ink);font-size:14px;font-weight:850}.author-first-list .placeholder .list-avatar{background:var(--green-soft);border-color:var(--line)}.list-author{display:grid;grid-template-columns:68px minmax(190px,1fr) repeat(3,auto);align-items:center;gap:7px;color:var(--muted);font-size:10px}.list-author strong{color:var(--ink)}.list-author i{padding:3px 7px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:9px;font-style:normal;white-space:nowrap}.author-first-list .case-copy .insight{padding-top:8px;border-top:1px solid var(--line)}

/* Final editorial detail order */
.editorial-article{counter-reset:section}.editorial-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:8px 0 40px;margin-bottom:34px;border-bottom:1px solid var(--line)}.section-no{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:850}.editorial-section h2{margin:10px 0 13px;font-size:25px;letter-spacing:-.6px}.editorial-section p:not(.kicker){margin:0;color:#4e5d53;font-size:14px;line-height:1.9}.question-list{margin:20px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.question-list li{position:relative;padding:14px 12px 14px 38px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.question-list li:before{content:counter(list-item);position:absolute;left:5px;top:12px;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:var(--green-soft);color:var(--green);font-size:9px}.mid-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:-5px 0 42px;padding:24px 26px;border:1px solid #e4d18a;border-radius:16px;background:var(--yellow-soft)}.mid-cta h2{margin:8px 0;font-size:20px}.mid-cta p:not(.kicker){margin:0;color:#6a654e;font-size:12px;line-height:1.7}.mid-cta button,.bottom-cta button{border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:#fff;padding:11px 14px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.quote-list{border-top:1px solid var(--line)}.quote-list blockquote{margin:0;padding:18px 0 18px 22px;border-bottom:1px solid var(--line);border-left:3px solid var(--yellow);font-size:15px;line-height:1.7}.bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.bottom-cta p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:900px){.author-first-list .case-row{grid-template-columns:46px minmax(0,1fr) 140px}.author-first-list .case-cta{display:none}.list-author{display:flex;flex-wrap:wrap}.list-author>span{width:100%}}
@media(max-width:650px){.author-first-list .case-row{grid-template-columns:42px minmax(0,1fr)}.author-first-list .result{grid-column:2}.editorial-section{grid-template-columns:1fr;gap:12px}.mid-cta{grid-template-columns:1fr}.mid-cta button{justify-self:start}.bottom-cta{align-items:flex-start;flex-direction:column}}

/* Softer hierarchy: spacing and color replace excessive rules */
.list-author{display:flex;align-items:center;gap:7px}.list-author strong{margin-right:2px}.list-author>span{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-first-list .case-copy h2{margin-bottom:5px}.author-first-list .case-copy .insight{display:inline-flex;margin-top:9px;padding:5px 9px;border:0;border-radius:8px;background:#fff8dd;font-size:10px}.author-first-list .case-copy .insight b{padding:0;background:transparent}
.editorial-section{padding-bottom:30px;margin-bottom:22px;border-bottom:0}.question-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;border:0}.question-list li{min-height:58px;padding:12px 12px 12px 42px;border:0;border-radius:11px;background:#fff;font-size:12px;line-height:1.55}.question-list li:before{left:12px;top:13px}.question-list li:last-child{grid-column:1/-1}.mid-cta{gap:18px;margin:-4px 0 34px 68px;padding:16px 18px;border:0;border-radius:12px}.mid-cta h2{margin:5px 0;font-size:16px}.mid-cta p:not(.kicker){font-size:10px}.quote-list{display:grid;gap:10px;border:0}.quote-list blockquote{margin:0;padding:15px 17px;border:0;border-radius:11px;background:#fff8dd;font-size:14px}.bottom-cta{margin-left:68px;padding:18px 20px;border:0;border-radius:12px;background:var(--green-soft)}
@media(max-width:650px){.list-author{flex-wrap:wrap}.list-author>span{width:100%;order:2}.question-list{grid-template-columns:1fr}.question-list li:last-child{grid-column:auto}.mid-cta,.bottom-cta{margin-left:0}}

/* Simplified two-level detail typography */
.editorial-section h2{margin:0 0 12px;font-size:16px;letter-spacing:0;color:var(--green);font-weight:850}.editorial-section p:not(.kicker){font-size:14px;line-height:1.9}.question-list{gap:8px 18px;margin-top:4px}.question-list li{min-height:auto;padding:8px 8px 8px 32px;background:transparent;font-size:12px}.question-list li:before{left:2px;top:7px}.mid-cta{grid-template-columns:30px minmax(0,1fr) auto;padding:14px 16px}.lock-icon{font-size:19px}.mid-cta>div{display:grid;gap:3px}.mid-cta strong{font-size:14px}.mid-cta>div span{color:#736b4c;font-size:10px}.quote-list{gap:4px}.quote-list blockquote{padding:4px 0;background:transparent;font-size:14px;color:#46554b}.bottom-cta{padding:15px 18px}.bottom-cta strong{font-size:13px}
.compact-dialog.invite-dialog{width:min(570px,calc(100% - 32px));grid-template-columns:210px minmax(0,1fr);padding:22px;gap:24px}.compact-dialog .qr-frame{width:210px;height:210px;overflow:hidden;border-radius:14px;background:#fff;border:1px solid var(--line);position:relative}.compact-dialog .qr-frame img{position:absolute;width:570px;height:auto;max-width:none;left:0;top:-720px;object-fit:initial}.compact-dialog .dialog-copy{padding:0}.compact-dialog .dialog-copy h2{font-size:24px;margin:9px 0}.compact-dialog .dialog-copy>p{margin:0 0 18px}.compact-dialog .dialog-close{right:10px;top:10px}
@media(max-width:650px){.mid-cta{grid-template-columns:28px 1fr}.mid-cta button{grid-column:2}.compact-dialog.invite-dialog[open]{display:grid;grid-template-columns:1fr;padding:18px}.compact-dialog .qr-frame{margin:auto}.compact-dialog .dialog-copy{text-align:center}}

/* Final two-level article and edge reveal */
.detail-layout{display:block}.editorial-article{width:min(850px,100%);margin-inline:auto}.editorial-section{display:block;padding:4px 0 25px;margin-bottom:16px}.editorial-section h2{font-size:17px}.editorial-section p:not(.kicker),.question-list li,.quote-list blockquote{font-size:14px;font-weight:400}.question-list li{line-height:1.65}.question-list li:before{font-size:10px;font-weight:800}.mid-cta{margin-left:0;margin-bottom:28px}.editorial-section#quotes{padding-bottom:10px;margin-bottom:4px}.bottom-cta{margin-left:0;margin-top:0}.attribution{display:none}
.floating-source{position:fixed;z-index:18;right:0;top:46%;display:flex;align-items:stretch;filter:drop-shadow(0 8px 20px #20332622);transform:translateX(230px);transition:transform .22s ease}.floating-source:hover,.floating-source:focus-within{transform:translateX(0)}.floating-tab{width:42px;border:0;border-radius:13px 0 0 13px;background:var(--ink);color:#fff;padding:12px 10px;writing-mode:vertical-rl;letter-spacing:2px;font-size:11px;font-weight:800;cursor:pointer}.floating-panel{width:230px;padding:15px;background:#fff;border:1px solid var(--line);border-right:0}.floating-qr{width:120px;height:120px;overflow:hidden;position:relative;margin:0 auto 10px;border-radius:9px;border:1px solid var(--line)}.floating-qr img{position:absolute;width:326px;height:auto;max-width:none;left:0;top:-411px}.floating-panel strong,.floating-panel p{display:block;text-align:center}.floating-panel strong{font-size:12px}.floating-panel p{margin:4px 0 0;color:var(--muted);font-size:10px}
@media(max-width:650px){.floating-source{display:none}.editorial-article{width:100%}}

/* Numbered rhythm with separators kept away from the gated CTA */
.editorial-section{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px;align-items:start}.section-no{width:34px;height:34px;border-radius:10px}.editorial-section#questions,.editorial-section#quotes{padding-top:24px;border-top:1px solid var(--line)}.editorial-section#observation{padding-top:8px}.mid-cta{margin-top:0;margin-bottom:24px}.mid-cta strong span{font:inherit;color:inherit}.floating-source{transform:translateX(230px)}.floating-tab{width:14px;min-width:14px;padding:0;border-radius:8px 0 0 8px;background:var(--green);writing-mode:initial;font-size:0}.floating-tab:after{content:"";display:block;width:4px;height:42px;margin:auto;border-radius:999px;background:#dfead9}.floating-source:hover,.floating-source:focus-within{transform:translateX(0)}
@media(max-width:650px){.editorial-section{grid-template-columns:1fr}.section-no{margin-bottom:2px}.editorial-section#questions,.editorial-section#quotes{padding-top:20px}}

/* Exact alignment and balanced vertical rhythm */
.editorial-article{width:100%;margin:0}.editorial-section{grid-template-columns:42px minmax(0,1fr);column-gap:16px;padding:0;margin:0}.editorial-section>div{width:min(800px,100%)}.editorial-section#summary{padding-bottom:28px}.editorial-section#questions{margin-top:0;padding-top:28px;padding-bottom:22px;border-top:1px solid var(--line)}.mid-cta{width:min(850px,calc(100% - 58px));margin:0 0 30px 58px}.editorial-section#observation{padding:0 0 28px}.editorial-section#quotes{margin-top:0;padding-top:28px;padding-bottom:0;border-top:1px solid var(--line)}
@media(max-width:650px){.editorial-section{grid-template-columns:36px minmax(0,1fr);column-gap:10px}.mid-cta{width:calc(100% - 46px);margin-left:46px}}

.detail-page main{padding-bottom:90px}

.compact-dialog .platform-note{margin:0 0 17px!important;color:var(--muted)!important;font-size:11px!important}.scan-copy{display:grid;gap:4px;padding:11px 12px;border-radius:10px;background:var(--green-soft)}.scan-copy strong{font-size:12px}.scan-copy span{color:var(--muted);font-size:10px}.compact-dialog .dialog-copy small{margin-top:12px}

/* Compact modal copy and exact CTA edge */
.mid-cta{width:min(800px,calc(100% - 58px))}.compact-dialog .dialog-copy h2{font-size:18px;margin:0 0 4px}.compact-dialog .platform-note{margin:0 0 18px!important}.compact-dialog .scan-line{margin:0!important;color:#445349!important;font-size:12px!important;line-height:1.75}.compact-dialog .scan-copy{display:none}

.compact-dialog .dialog-copy h2{margin:0 0 20px;line-height:1.5}.compact-dialog .qr-frame img{left:-18px}

/* Real library dataset */
.image-avatar{display:block;object-fit:cover;background:var(--green-soft)}
.library-status{margin-top:0;margin-bottom:10px;color:var(--muted);font-size:11px}
.load-more-wrap{display:flex;justify-content:center;margin-top:-34px;margin-bottom:58px}.load-more{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-2);padding:11px 22px;font-size:12px;font-weight:800;cursor:pointer}.load-more:hover{border-color:var(--green);background:var(--green-pale)}.load-more[hidden]{display:none}.empty-state{padding:70px 20px;text-align:center;color:var(--muted);font-size:13px}

/* High-volume case library refinements */
.author-first-list .case-row{grid-template-columns:48px minmax(0,1fr) 154px 132px;align-items:center}
.author-first-list .result{align-self:center;padding:2px 0 2px 18px}.author-first-list .result strong{font-size:28px;line-height:1.05;overflow-wrap:normal;word-break:keep-all}.author-first-list .result span{margin-top:7px;font-size:10px}.author-first-list .case-copy .insight{max-width:100%;line-height:1.45}.author-first-list .case-copy .insight span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-hero{max-width:none}.detail-hero h1{max-width:1120px;font-size:clamp(38px,4.1vw,55px);line-height:1.2;letter-spacing:-2.5px;text-wrap:balance}.editorial-section#summary,.editorial-section#questions,.editorial-section#observation,.editorial-section#quotes{display:grid}
@media(max-width:900px){.author-first-list .case-row{grid-template-columns:46px minmax(0,1fr) 138px}.author-first-list .result strong{font-size:24px}}
@media(max-width:650px){.author-first-list .case-row{grid-template-columns:42px minmax(0,1fr)}.author-first-list .case-copy .insight span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detail-toolbar{padding-top:20px}.detail-back{font-size:11px;white-space:nowrap}.detail-hero{padding-top:22px}.detail-hero h1{line-height:1.2;margin-bottom:24px;text-wrap:wrap}}

/* QR-only invite: preserve the original QR pixels and frame it with the platform green. */
.compact-dialog.invite-dialog{width:min(430px,calc(100% - 32px));padding:34px;background:linear-gradient(145deg,#087967 0%,#12a993 56%,#6de2d2 100%);border:1px solid #c9eee7;border-radius:24px}
.compact-dialog .qr-frame{width:min(300px,70vw);height:min(300px,70vw);margin:auto;padding:15px;overflow:visible;border:0;border-radius:20px;background:#fff;box-shadow:0 16px 42px #075e5238;position:relative}
.compact-dialog .qr-frame img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
.compact-dialog .dialog-close{right:12px;top:12px;background:#ffffffeb}
.floating-qr{padding:8px;background:linear-gradient(145deg,#0b826f,#57d8c5);border:0}
.floating-qr img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:5px}
@media(max-width:650px){.compact-dialog.invite-dialog[open]{display:block!important;padding:28px}.compact-dialog .qr-frame{margin:auto}}

/* Horizontal invite card: QR remains the visual anchor; copy explains the destination. */
.compact-dialog.invite-dialog{width:min(690px,calc(100% - 32px));grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:center;padding:30px;background:#fff}
.compact-dialog.invite-dialog:not([open]){display:none!important}.compact-dialog.invite-dialog[open]{display:grid!important}
.compact-dialog .qr-frame{width:270px;height:270px;padding:14px;background:linear-gradient(145deg,#087967 0%,#12a993 56%,#6de2d2 100%);border-radius:22px;box-shadow:none}
.compact-dialog .qr-frame img{padding:12px;border-radius:14px;background:#fff}
.compact-dialog .dialog-copy{padding:0 18px 0 0}.compact-dialog .dialog-copy h2{margin:0 0 16px;font-size:21px;line-height:1.45}.compact-dialog .dialog-copy p{margin:0;color:#536158;font-size:13px;line-height:1.9}
@media(max-width:650px){.compact-dialog.invite-dialog[open]{display:grid!important;grid-template-columns:1fr;gap:20px;padding:25px}.compact-dialog .qr-frame{width:min(270px,70vw);height:min(270px,70vw)}.compact-dialog .dialog-copy{padding:0;text-align:center}.compact-dialog .dialog-copy h2{font-size:18px}}

/* Keep the short library promise on one line. Long case titles stay readable on
   ordinary laptops and use a single line only when the viewport can hold it. */
@media(min-width:1100px){.library-hero>div{max-width:none}.library-hero p{max-width:none;white-space:nowrap;font-size:18px}.detail-hero h1{max-width:none;white-space:normal;font-size:clamp(32px,2.6vw,36px);line-height:1.24;letter-spacing:-1.5px;text-wrap:balance}}
/* Three verified observations use the same restrained rhythm as the question list. */
.observation-list{display:grid;gap:10px;margin:2px 0 0;padding:0;list-style:none;counter-reset:observation}.observation-list li{position:relative;padding:0 0 0 31px;color:#4e5d53;font-size:14px;line-height:1.75;counter-increment:observation}.observation-list li:before{content:counter(observation,decimal-leading-zero);position:absolute;left:0;top:2px;color:var(--green);font-size:10px;font-weight:850;letter-spacing:.4px}

/* Scroll-fed library: preserve the dense row rhythm while reserving enough
   space for result labels and the action, so they never collide. */
.load-more-wrap{display:none}.load-sentinel{height:1px;margin-bottom:58px}.load-sentinel[hidden]{display:none}
.author-first-list .case-row{grid-template-columns:48px minmax(0,1fr) 190px 132px}
.author-first-list .result{min-width:0;padding-right:8px}.author-first-list .result strong{font-size:26px;white-space:nowrap;letter-spacing:-1px}.author-first-list .case-cta{position:relative;z-index:1;white-space:nowrap}
@media(max-width:1050px){.author-first-list .case-row{grid-template-columns:46px minmax(0,1fr) 160px}.author-first-list .case-cta{display:none}.author-first-list .result strong{font-size:23px}}
@media(max-width:650px){.author-first-list .case-row{grid-template-columns:42px minmax(0,1fr)}.author-first-list .result{grid-column:2;padding-right:0}.author-first-list .result strong{font-size:24px}}

/* Author and bio stay together; business tags occupy a stable dock immediately
   before the result divider. */
.list-author{display:grid;grid-template-columns:minmax(0,1fr) 178px;align-items:center;gap:12px}.author-meta{display:flex;align-items:center;gap:7px;min-width:0}.author-meta strong{flex:0 0 auto}.author-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-tags{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.list-tags i{flex:0 0 auto}
@media(max-width:1050px){.list-author{grid-template-columns:minmax(0,1fr) 164px}}
@media(max-width:650px){.list-author{grid-template-columns:1fr;gap:7px}.author-meta{align-items:flex-start;flex-direction:column;gap:3px}.author-meta span{white-space:normal}.list-tags{justify-content:flex-start}}

/* Ultra-wide screens must never turn the case title into an unbounded line. */
.detail-hero h1{width:100%;max-width:100%;white-space:normal;text-wrap:balance;overflow-wrap:break-word}

/* The static document contains no real case. A neutral shell is shown until the
   requested record is fully rendered, preventing another case from flashing. */
.case-loading .detail-hero h1{min-height:84px;border-radius:12px;background:linear-gradient(90deg,var(--green-soft),#f3f6ee,var(--green-soft));background-size:220% 100%;animation:case-shimmer 1.2s linear infinite}.case-loading .detail-hero .byline{width:240px;height:38px;border-radius:999px;background:var(--green-soft)}.case-loading .result-board div{min-height:86px;background:linear-gradient(90deg,transparent,#f5f7f1,transparent);background-size:220% 100%;animation:case-shimmer 1.2s linear infinite}.case-loading .editorial-article:before{content:"";display:block;width:min(760px,100%);height:260px;border-radius:16px;background:linear-gradient(90deg,var(--green-soft),#f6f8f2,var(--green-soft));background-size:220% 100%;animation:case-shimmer 1.2s linear infinite}.case-loading .floating-source{visibility:hidden}@keyframes case-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.case-loading .detail-hero h1,.case-loading .result-board div,.case-loading .editorial-article:before{animation:none}}.case-error{padding:80px 0 120px}.case-error h1{margin:0 0 12px;font-size:36px}.case-error p{color:var(--muted)}.case-error a{display:inline-block;margin-top:18px;font-weight:800;color:var(--green)}