/* Additions to the user's Claude export. The original layout is in claude-base.css. */
:root{--f-display:"Instrument Serif",Georgia,serif;--f-text:"Newsreader",Georgia,serif}
body{font-size-adjust:none}
.pg{font-family:var(--f-display)}
.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--paper);padding:12px 18px}
.skip-link:focus{top:12px}
.anchor-alias{height:0}
section,figure[id]{scroll-margin-top:24px}
.book-cover-concept{width:100%;height:auto;display:block}
.sp-book{position:static}
.sp-book figcaption{max-width:34em}
.book-subtitle{font-family:var(--f-display);font-size:26px;line-height:1.25;color:var(--on-dark-muted)}
.order-row .preorder-link{display:flex;justify-content:space-between;gap:20px;width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:18px 0;cursor:pointer}
.order-row .preorder-link:hover{color:#F1D9A8}
.order-row .preorder-link:focus-visible{outline:2px solid #F1D9A8;outline-offset:3px}
.order-preview-note{font-size:13px;color:var(--on-dark-muted)}
.author-portrait{width:180px;height:auto;max-width:100%;margin-top:4px}
.paper-reference{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(241,217,168,.4);padding-top:24px;margin-top:14px}
.paper-reference .sp-h{margin-top:0}
.paper-reference>a{font-size:23px;line-height:1.3;text-underline-offset:4px}
.paper-reference>p:not(.sp-h){font-size:14px;line-height:1.5;color:var(--on-dark-muted)}
.bench-controls input[type=range]{min-height:44px}
.presets button,.bench-btns button{min-height:44px}
.bench-stats dt{line-height:1.4}

/* Book-led opening; the original contents follow it immediately. */
.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(32px,5vw,76px);align-items:center;padding-block:48px 42px}
.hero-cover{margin:0;min-width:0}
.hero-cover-stage{background:#efe6d7;overflow:hidden}
.hero-cover-stage img{display:block;width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:center}
.hero-copy{min-width:0}
.hero-copy h1{font-size:clamp(56px,5.8vw,82px);line-height:.98;letter-spacing:0}
.hero-subtitle{font-family:var(--f-display);font-size:clamp(25px,2.4vw,32px);line-height:1.2;margin-top:22px;max-width:15em}
.hero-description{font-size:19px;line-height:1.5;margin-top:25px;max-width:29em}
.hero-purchase{border-top:1px solid var(--rule);margin-top:27px;padding-top:18px;scroll-margin-top:32px}
.hero-price{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:17px}
.hero-order{display:block;width:100%;min-height:58px;padding:16px 22px;border:1px solid var(--oxblood);background:var(--oxblood);color:var(--paper);font-family:"Helvetica Neue",Arial,sans-serif;font-size:16px;letter-spacing:.01em;cursor:pointer}
.hero-order:hover{background:#511d21}
.hero-order:focus-visible{outline:2px solid var(--oxblood);outline-offset:4px}
.hero-shipping{font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;text-align:center;color:var(--muted);margin-top:13px}
.book-hero+.anchor-alias+.toc .wrap{padding-top:28px}

/* The closing pages use Good Pharma burgundy; the six part colours stay intact. */
.sp,footer,.nb3,.page.nv{background:var(--oxblood)}
.nv .plate-svg .aa.cys text{fill:var(--oxblood)}
.rail.dark a b{background:var(--oxblood)}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:32px;padding-top:28px}
  .hero-cover-stage img{aspect-ratio:1.15;max-height:620px}
  .hero-copy{max-width:580px;width:100%;margin:auto}
  .hero-description{max-width:none;font-size:20px}
}
@media(max-width:560px){
  .sheet{grid-template-columns:1fr;gap:28px}
  .top .wrap{gap:14px}
  .nav{gap:10px 18px}
  .nav a{font-size:16px}
  .intro-hero h1{font-size:60px}
  .intro-hero .links{font-size:17px;gap:18px}
  .f-title{font-size:38px!important}
  .f-img img{max-height:none}
  .bench-controls input[type=range]{min-width:100px;max-width:none}
  .presets{display:grid;width:100%;grid-template-columns:1fr}
  .bench-stats{padding:12px;gap:16px}
  .bench-stats dd{font-size:16px}
  .bench-src{overflow-wrap:anywhere}
  .sp-actions .row{padding:0}
  .order-row .preorder-link{flex-wrap:wrap}
  .hero-grid{padding-block:24px 40px}
  .hero-copy h1{font-size:60px}
  .hero-subtitle{font-size:28px;margin-top:20px}
  .hero-description{font-size:19px;margin-top:22px}
  .hero-order{font-size:16px}
}

/* The science panel spans the page; the graph and readings share one column. */
#bench .bench{max-width:none;padding:clamp(24px,3vw,42px);gap:26px}
.bench-header{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}
#bench .bench-q{font-size:clamp(30px,3.4vw,46px);line-height:1.1;max-width:12em}
#bench .bench-d{font-size:18px;line-height:1.55;max-width:none}
#bench .bench-controls{display:grid;grid-template-columns:auto minmax(100px,1fr) 3ch auto;gap:18px;border-block:1px solid var(--rule);padding:18px 0}
#bench .bench-controls input{width:100%;max-width:none;min-width:0}
#bench .presets{gap:8px}
#bench .presets button,#bench .bench-btns button{font-family:"Helvetica Neue",Arial,sans-serif;font-size:12px;padding:9px 12px}
#bench .bench-stage{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.bench-simulation,.bench-analysis{min-width:0;display:flex;flex-direction:column;gap:16px}
#bench .bench-stats{grid-template-columns:1fr 1fr;gap:16px 20px;padding:18px;background:transparent;border-top:1px solid var(--rule)}
#bench .bench-stats dt{font-family:"Helvetica Neue",Arial,sans-serif;font-size:10px;letter-spacing:.06em}
#bench .bench-stats dd{font-family:var(--f-display);font-size:26px;line-height:1.1;margin-top:8px}
.bench-footnote{border-top:1px solid var(--rule);padding-top:18px;display:grid;grid-template-columns:.7fr 1.3fr;gap:14px 36px}
#bench .bench-legend{border:0;padding:0;flex-direction:column;gap:12px;align-items:flex-start;font-family:"Helvetica Neue",Arial,sans-serif;font-size:11px;line-height:1.5}
#bench .bench-note{font-size:14px;line-height:1.5;max-width:none}
#bench .bench-src{grid-column:2;font-family:"Helvetica Neue",Arial,sans-serif;font-size:10px;line-height:1.5}

/* Each closing row has its own content, without an empty column beside the bio. */
#object .sp-grid{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;padding-block:64px}
#object .sp-book{margin:0;gap:14px}
#object .book-cover-concept{aspect-ratio:1;object-fit:cover;object-position:center}
#object .sp-book figcaption{font-family:"Helvetica Neue",Arial,sans-serif;font-size:10px;line-height:1.5;text-align:left;max-width:none}
#object .sp-copy{gap:15px}
#object .sp-copy h2{font-size:clamp(36px,3.5vw,50px);line-height:1.1}
#object .book-subtitle{font-size:26px}
#object .sp-author{font-size:17px}
#object .sp-pill{border:0;padding:0;font-family:"Helvetica Neue",Arial,sans-serif;font-size:11px;letter-spacing:.03em}
#object .sp-desc{font-size:17px;line-height:1.5;margin-top:2px}
#object .sp-actions{margin:4px 0 0}
#object .sp-actions .order-row{padding:0}
#object .order-row .preorder-link{padding:16px 18px;font-family:"Helvetica Neue",Arial,sans-serif;font-size:14px}
#object .order-preview-note{font-family:"Helvetica Neue",Arial,sans-serif;font-size:10px}
#object .sp-specs{gap:16px;padding-top:12px;border-top:1px solid rgba(241,217,168,.3)}
#object .sp-specs dt{font-family:"Helvetica Neue",Arial,sans-serif;font-size:9px;letter-spacing:.1em}
#object .sp-specs dd{font-size:16px;line-height:1.4}
.author-editorial{background:var(--paper);border-bottom:1px solid var(--rule)}
.author-editorial-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(32px,6vw,88px);align-items:center;padding-block:64px}
.author-editorial-grid figure{margin:0}
.author-editorial .author-portrait{width:100%;margin:0;aspect-ratio:1;object-fit:cover}
.author-editorial-copy{display:flex;flex-direction:column;gap:18px;max-width:650px}
.author-editorial .label{font-family:"Helvetica Neue",Arial,sans-serif;font-size:11px;color:var(--oxblood)}
.author-editorial h2{font-size:clamp(36px,4vw,54px);line-height:1}
.author-editorial .sp-bio{color:var(--ink);font-size:20px;line-height:1.55}
.author-editorial .sp-links{gap:24px;margin:0}
.author-editorial .sp-links a,.author-story-link{font-family:"Helvetica Neue",Arial,sans-serif;font-size:12px;color:var(--ink);border:0;border-bottom:1px solid var(--ink);padding:0 0 4px;text-decoration:none;align-self:flex-start}
.author-editorial .sp-links a:hover{background:none;color:var(--oxblood)}
.recordsec .wrap{padding-block:48px;gap:28px}
.recordsec .paper-reference{display:grid;grid-template-columns:.65fr 1.35fr;gap:8px 36px;margin:0;padding:20px 0;border-block:1px solid var(--rule)}
.recordsec .paper-reference .sp-h{grid-row:1/4;color:var(--ink);font-size:26px;line-height:1.2;align-items:start}
.recordsec .paper-reference>a{font-family:var(--f-text);font-size:20px;line-height:1.35}
.recordsec .paper-reference>p:not(.sp-h){font-size:12px;color:var(--muted);grid-column:2}
@media(max-width:1000px){
  #bench .bench-controls{grid-template-columns:auto minmax(100px,1fr) 3ch}
  #bench .presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
  #object .sp-grid{gap:32px}
  #object .sp-copy h2{font-size:36px}
}
@media(max-width:760px){
  .bench-header{grid-template-columns:1fr;gap:18px}
  #bench .bench-q{max-width:none}
  #bench .bench-stage{grid-template-columns:1fr;gap:24px}
  .bench-footnote{grid-template-columns:1fr;gap:18px}
  #bench .bench-src{grid-column:auto}
  #bench .bench-legend{flex-direction:row;flex-wrap:wrap;gap:12px 18px}
  #object .sp-grid{grid-template-columns:1fr;padding-block:40px;gap:28px}
  #object .sp-copy h2{font-size:42px}
  .author-editorial-grid{grid-template-columns:.65fr 1fr;gap:28px;padding-block:40px}
  .author-editorial .sp-bio{font-size:18px}
  .recordsec .paper-reference{grid-template-columns:1fr;gap:12px}
  .recordsec .paper-reference .sp-h{grid-row:auto}
  .recordsec .paper-reference>p:not(.sp-h){grid-column:auto}
}
@media(max-width:520px){
  #bench .bench{padding:22px 18px;gap:22px}
  #bench .presets{grid-template-columns:1fr}
  .author-editorial-grid{grid-template-columns:1fr}
  .author-editorial .author-portrait{max-width:320px}
  #object .sp-specs{grid-template-columns:1fr 1fr}
  #object .book-subtitle{font-size:25px}
}


/* The final part follows the research rather than a single clinical result. */
.protein-card{color:var(--oxblood)}
.protein-card .pg-big{font-size:16cqi;margin-block:2cqi}
.protein-card .pg-small{font-size:3.5cqi;letter-spacing:0}
.pr.typepage.protein-page{background:#e8e1d5;color:var(--ink);gap:5cqi;padding:9% 9% 8%}
.protein-kicker,.protein-paper-label,.protein-paper-by,.protein-paper-link{font-family:"Helvetica Neue",Arial,sans-serif;font-size:max(1.9cqi,10px);line-height:1.5}
.protein-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--oxblood)}
.pr.typepage.protein-page h4{font-size:max(12cqi,42px);line-height:.95;letter-spacing:-.01em;margin:0;text-wrap:initial}
.protein-intro{font-size:max(3.7cqi,17px);line-height:1.45;max-width:24em}
.protein-paper{display:flex;flex-direction:column;gap:3cqi;margin-block:auto;padding:6cqi 5cqi;border:1px solid #c4b9a6;background:var(--paper);color:inherit;text-decoration:none;box-shadow:0 12px 22px -20px #332a22}
.protein-paper:hover{border-color:var(--oxblood)}
.protein-paper-title{font-family:var(--f-text);font-size:max(4.6cqi,22px);line-height:1.25}
.protein-paper-label{color:var(--oxblood)}
.protein-paper-by{color:var(--muted)}
.protein-paper-link{text-decoration:underline;text-underline-offset:4px;margin-top:2cqi}
.protein-context{font-size:max(2.8cqi,14px);line-height:1.5;color:var(--muted)}

/* Credits remain accessible without dominating the end of the book page. */
.recordsec .wrap{display:block;padding-block:0}
.credits-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding-block:24px;cursor:pointer;list-style:none;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;color:var(--muted)}
.credits-disclosure>summary::-webkit-details-marker{display:none}
.credits-disclosure>summary>span::before{content:"+";font-size:24px;font-weight:400;line-height:1}
.credits-disclosure[open]>summary>span::before{content:"−"}
.credits-disclosure>summary:hover{color:var(--oxblood)}
.credits-disclosure>summary:focus-visible{outline:2px solid var(--oxblood);outline-offset:4px}
.credits-body{display:flex;flex-direction:column;gap:28px;padding-bottom:40px}
.credits-body .lists{gap:40px}
.credits-body .lists h3{font-family:"Helvetica Neue",Arial,sans-serif;font-size:10px;letter-spacing:.1em;border-color:var(--rule)}
.credits-body .lists ul{font-size:16px;gap:13px;line-height:1.45}
.credits-body .lists li span{font-family:"Helvetica Neue",Arial,sans-serif;font-size:11px;line-height:1.5}
.credits-body .lists a{text-decoration-thickness:1px;text-underline-offset:3px}
.recordsec .paper-reference .sp-h{font-size:24px}
.recordsec .paper-reference>p:not(.sp-h){font-family:"Helvetica Neue",Arial,sans-serif;font-size:11px;line-height:1.6}
footer .wrap{padding-block:30px;gap:24px}
footer .mark{font-family:var(--f-display);font-size:23px;letter-spacing:.14em;line-height:1}
.footer-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.footer-links a{font-family:"Helvetica Neue",Arial,sans-serif;font-size:12px;color:var(--on-dark);text-decoration:none;text-underline-offset:4px}
.footer-links a:hover{text-decoration:underline}
.footer-links a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:760px){.protein-card .pg-small{font-size:3.8cqi}}
@media(max-width:560px){
 .pr.typepage.protein-page{padding:32px 26px;gap:26px}
 .protein-paper{gap:16px;padding:26px 22px}
 .credits-body .lists{gap:28px}
 footer .wrap{align-items:flex-start;flex-direction:column;padding-block:30px}
 .footer-links{gap:22px}
}

/* The selected cover carries through to the page's book and brand details. */
.top .mark,footer .mark{font-weight:400}
#object .sp-copy h2,#object .sp-author,#object .sp-actions li.row,footer .mark,.rail.dark a{color:var(--on-dark)}
#object .sp-actions{border-color:rgba(242,236,223,.5)}
#object .order-row .preorder-link:hover{background:var(--on-dark);color:var(--oxblood)}
#object .order-row .preorder-link:focus-visible{outline-color:var(--on-dark)}
#object .sp-specs{border-color:rgba(242,236,223,.3)}

.hero-order{text-align:center;text-decoration:none}

/* A compact book listing: title, subtitle, author, description and ordering. */
.hero-grid{grid-template-columns:1.12fr 1fr;gap:clamp(32px,5vw,68px);padding-block:48px}
.hero-copy{max-width:470px}
.hero-copy h1{font-size:clamp(48px,4.5vw,64px);line-height:1.05;letter-spacing:-.015em;text-wrap:initial}
.hero-subtitle{font-size:25px;line-height:1.25;margin-top:10px;max-width:none;color:var(--ink);text-wrap:initial}
.hero-byline{font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:1.6;margin-top:18px;color:var(--muted)}
.hero-byline>span{padding-inline:7px}
.hero-byline a{text-decoration:none;text-underline-offset:3px}
.hero-byline a:hover{text-decoration:underline}
.hero-description{font-size:19px;line-height:1.5;margin-top:28px;max-width:28em}
.hero-purchase{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:22px}
.hero-price{display:block;font-family:"Helvetica Neue",Arial,sans-serif;font-size:19px;line-height:1.25;margin:0}
.hero-price>span{font-size:12px;color:var(--muted);margin-left:4px}
.hero-shipping{font-size:12px;line-height:1.45;text-align:left;margin-top:7px}
.hero-order{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;min-height:46px;padding:11px 26px;font-size:14px;line-height:1.4;letter-spacing:0}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;gap:30px;padding-block:28px 42px}
 .hero-copy{max-width:580px}
}
@media(max-width:560px){
 .hero-grid{gap:28px;padding-block:24px 36px}
 .hero-copy h1{font-size:48px}
 .hero-subtitle{font-size:23px;margin-top:7px}
 .hero-byline{font-size:12px;margin-top:16px}
 .hero-description{font-size:18px;line-height:1.5;margin-top:24px}
 .hero-purchase{gap:12px;margin-top:26px;padding-top:20px}
 .hero-price{font-size:18px}
 .hero-shipping{font-size:11px}
 .hero-order{font-size:14px;padding-inline:22px}
}