.book-detail{padding:0 0 calc(var(--header-height, 80px) + var(--section-gap))}.book-hero{display:grid;grid-template-columns:300px 1fr;gap:clamp(3rem,6vw,5rem);align-items:start;margin-bottom:var(--space-8);padding-top:calc(var(--header-height, 80px) + var(--section-gap))}.book-hero__cover{position:sticky;top:calc(var(--header-height, 80px) + var(--space-6));overflow:hidden;border-radius:var(--radius-2);background:var(--surface);cursor:pointer}.book-hero__cover img{width:100%;height:auto;display:block;transform:scale(1.02)}.book-hero__content{display:flex;flex-direction:column;gap:var(--space-4)}.book-hero__title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,5rem);line-height:1.1;font-weight:400;letter-spacing:-.02em;margin:0}.book-hero__author{font-size:var(--step-1);color:var(--muted);margin:0}.book-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--step-0);color:var(--muted);padding:var(--space-3) 0}.book-meta__item strong{color:var(--text);font-weight:600}.book-hero__quote{margin:var(--space-4) 0 0;position:relative;display:flex;align-items:flex-start;gap:var(--space-4)}.book-hero__quote svg{width:clamp(3rem,6vw,4rem);height:clamp(3rem,6vw,4rem);flex-shrink:0;stroke:var(--text);opacity:.3;transform:rotate(180deg);margin-top:-.5rem}.book-hero__quote p{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-style:normal;line-height:1.6;margin:0;color:var(--text)}.book-section{margin:var(--space-8) 0;padding-top:var(--space-8);border-top:1px solid var(--border)}.book-section:first-of-type{border-top:none;padding-top:0}.book-section__subtitle{font-family:Georgia,serif;font-size:var(--step-0);font-weight:400;color:var(--muted);font-style:italic;letter-spacing:.02em}.book-section__legend{font-size:var(--step-0);color:var(--muted);margin-bottom:var(--space-5);margin-top:var(--space-4)}.book-section__content{max-width:75ch;margin-top:var(--space-4)}.book-section__content p{font-size:var(--step-1);line-height:1.65;margin-bottom:var(--space-5);max-width:45ch;color:var(--text)}.book-section__content p:last-child{margin-bottom:0}.book-section__note{font-size:var(--step--1);color:var(--muted);font-style:italic;margin-top:var(--space-5)}.book-section--highlight{background:color-mix(in oklab,var(--text) 3%,var(--bg) 97%);padding:var(--space-8) clamp(2rem,4vw,3rem);border-radius:var(--radius-2);margin:var(--space-10) 0}.book-section--highlight .book-section__title{margin-bottom:var(--space-6)}.thesis-statement{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.5;color:var(--text);margin:0}.book-section--meta{background:var(--surface);padding:var(--space-6) clamp(2rem,4vw,3rem);border-radius:var(--radius-2);border:1px solid var(--border)}.mental-models-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2rem,4vw,3rem);margin:0 0 clamp(1.5rem,3vw,2.5rem);margin-top:var(--space-4)!important;padding:0 clamp(3rem,8vw,8rem)}.model-card{border-radius:18px;padding:var(--space-5);transition:all var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-3);border:none;transform-origin:center center;position:relative;transform-style:preserve-3d;cursor:pointer;isolation:isolate;overflow:hidden;background-color:#e5ddd0;box-shadow:0 10px 30px #0000001f}:root[data-theme=light] .model-card{background-color:#fff;box-shadow:0 10px 30px #0000001a}:root:not([data-theme=light]) .model-card{background-color:#3a3a3a;box-shadow:0 10px 30px #0000004d}.model-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:18px 18px;z-index:0;pointer-events:none}:root[data-theme=light] .model-card:before{background-image:radial-gradient(rgba(0,0,0,.12) 1px,transparent 1px)}.model-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(255,255,255,.02),transparent 40%),radial-gradient(ellipse at bottom right,rgba(255,255,255,.015),transparent 45%);mix-blend-mode:screen;pointer-events:none;z-index:0}:root[data-theme=light] .model-card:after{background:radial-gradient(ellipse at top left,rgba(0,0,0,.03),transparent 40%),radial-gradient(ellipse at bottom right,rgba(0,0,0,.025),transparent 45%);mix-blend-mode:multiply}.model-card.rotate-1{transform:rotate(1.5deg)}.model-card.rotate-2{transform:rotate(-1.8deg)}.model-card.rotate-3{transform:rotate(1.2deg)}.model-card.rotate-4{transform:rotate(-1.5deg)}.model-card.rotate-5{transform:rotate(2deg)}.model-card.rotate-6{transform:rotate(-2.2deg)}.model-card:active{transform:translateY(2px) scale(.98)!important;transition:transform .1s ease-out!important;box-shadow:0 5px 15px #00000014!important}.model-card__title{font-family:Shadows Into Light,Architects Daughter,Patrick Hand,system-ui,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;line-height:1.25;margin:0 0 var(--space-5) 0;padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.12);color:#e8e8e8;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}:root[data-theme=light] .model-card__title{color:#1a1a1a;border-bottom-color:#0000001f}.model-card__detail{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--space-3);position:relative;z-index:1}.model-card__detail:last-child{margin-bottom:0}.model-card__label{font-family:Inter,sans-serif;font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#e8e8e880;line-height:1.2;padding-bottom:.15rem}:root[data-theme=light] .model-card__label{color:#1a1a1a80}.model-card__value{font-family:Inter,sans-serif;font-size:var(--step-0);line-height:1.5;color:#e8e8e8}:root[data-theme=light] .model-card__value{color:#1a1a1a}.insights-description{font-size:var(--step-1);line-height:1.65;color:var(--text);margin-top:var(--space-4);margin-bottom:var(--space-6);max-width:45ch}#insights .book-section__title,#insights .insights-description,#reflection-prompts .book-section__title,#reflection-prompts .insights-description{text-align:right;margin-left:auto}.prompts-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2rem,4vw,3rem);margin:0 0 clamp(1.5rem,3vw,2.5rem);margin-top:var(--space-4)!important;padding:0 clamp(3rem,8vw,8rem)}.prompt-card{border:1px solid var(--border);border-radius:20px;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transform-origin:center center;position:relative;transform-style:preserve-3d;cursor:pointer;isolation:isolate;overflow:hidden;background-color:var(--card)}:root[data-theme=light] .prompt-card{background:#fff}:root:not([data-theme=light]) .prompt-card{background:linear-gradient(135deg,#2d3748,#1a202c)}.prompt-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.04),transparent 60%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.03),transparent 55%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");z-index:0;pointer-events:none}:root[data-theme=light] .prompt-card:before{background-image:radial-gradient(circle at 30% 20%,rgba(245,158,11,.03),transparent 60%),radial-gradient(circle at 70% 80%,rgba(217,119,6,.02),transparent 55%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E")}.prompt-card.rotate-1{transform:rotate(1.5deg)}.prompt-card.rotate-2{transform:rotate(-1.8deg)}.prompt-card.rotate-3{transform:rotate(1.2deg)}.prompt-card.rotate-4{transform:rotate(-1.5deg)}.prompt-card.rotate-5{transform:rotate(2deg)}.prompt-card.rotate-6{transform:rotate(-2.2deg)}.prompt-card:active{transform:translateY(2px) scale(.98)!important;transition:transform .1s ease-out!important;box-shadow:0 5px 15px #00000014!important}.prompt-card__title{font-family:Inter,sans-serif;font-size:.625rem;font-weight:600;line-height:1.3;margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.prompt-card__question{font-family:Playfair Display,Georgia,serif;font-size:var(--step-2);line-height:1.35;color:var(--text);margin:0;font-weight:400;position:relative;z-index:1}.prompt-card__separator{height:1px;background:var(--border);margin:var(--space-2) 0 var(--space-1) 0;position:relative;z-index:1}.prompt-card__model{display:inline-flex;align-items:center;font-family:Inter,sans-serif;font-size:.75rem;color:var(--text);background:color-mix(in oklab,var(--text) 8%,transparent);padding:.375rem .875rem;border-radius:50px;margin:0;align-self:flex-start;font-weight:500;position:relative;z-index:1}.prompt-card__hint{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:auto;position:relative;z-index:1}.prompt-card__hint-icon{width:16px;height:16px;flex-shrink:0;fill:#f59e0b;margin-top:2px}.prompt-card__hint-text{font-family:Inter,sans-serif;font-size:.75rem;line-height:1.5;color:var(--muted);margin:0}.quotes-carousel-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-8)}.quotes-carousel{flex:1;overflow:hidden;position:relative}.quotes-carousel__track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.quote-slide{min-width:50%;display:flex;align-items:flex-start;gap:var(--space-4);margin:0;padding:0 var(--space-3)}.quote-slide__icon{width:clamp(2.5rem,5vw,3.5rem);height:clamp(2.5rem,5vw,3.5rem);flex-shrink:0;stroke:var(--text);opacity:.3;transform:rotate(180deg);margin-top:-.25rem}.quote-slide__text{font-family:Playfair Display,Georgia,serif;font-size:clamp(1rem,2vw,1.25rem);font-style:normal;line-height:1.6;margin:0;color:var(--text)}.quotes-carousel__nav{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.quotes-carousel__nav:hover{background:var(--card);border-color:var(--text);transform:scale(1.05)}.quotes-carousel__nav:active{transform:scale(.95)}.quotes-carousel__nav svg{width:20px;height:20px;stroke:var(--text)}.quotes-carousel__nav:disabled{opacity:.3;cursor:not-allowed}.quotes-carousel__nav:disabled:hover{background:var(--surface);border-color:var(--border);transform:scale(1)}.score-breakdown{display:flex;flex-direction:column;gap:var(--space-4)}.score-value{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--text);margin:0}.score-note{font-family:var(--font-sans);font-size:var(--step--1);font-weight:400;color:var(--muted)}.score-factors{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.score-factors li{font-size:var(--step-0);line-height:1.6;color:var(--text)}.score-factors strong{font-weight:600;color:var(--accent)}@media (max-width: 1200px){.mental-models-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem)}}@media (max-width: 968px){.book-hero{grid-template-columns:1fr;gap:var(--space-6)}.book-hero__cover{position:relative;top:0;max-width:300px;margin:0 auto}.mental-models-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,2.5vw,2rem)}.prompts-list{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem)}.quotes-carousel,.related-books{grid-template-columns:1fr}}@media (max-width: 640px){.mental-models-grid{grid-template-columns:1fr;padding:0 var(--space-4);gap:clamp(1.5rem,3vw,2rem);justify-items:center}.model-card{max-width:300px;width:100%}.prompts-list{grid-template-columns:1fr;padding:0 var(--space-4);gap:clamp(1.5rem,3vw,2rem);justify-items:center}.prompt-card{max-width:300px;width:100%}}@media (max-width: 640px){.book-detail{padding-top:0}.book-hero{padding-top:var(--space-6)}.book-section{margin-bottom:var(--space-8)}.book-section--highlight,.book-section--meta{padding:var(--space-6) var(--space-4)}}
