/* ==========================================================================
   Single conference page, e.g. Science & Scientist 2025
   (load after style.css and youtube.css). Reusable for SS2023, SS2024, ...
   WordPress: single template for the "conference" post type.
   ========================================================================== */

/* ---- Hero ---- */
.ss-hero{background:linear-gradient(160deg,#4A1F17,#2A0F0B);color:#F8F2E6;padding:40px 0 76px;}
.ss-crumbs{display:flex;gap:10px;align-items:center;font-size:13.5px;color:#C9AE8A;margin-bottom:36px;}
.ss-crumbs a{color:#E6DAC0;text-decoration:none;border-bottom:1px solid rgba(237,199,108,.5);}
.ss-crumbs a:hover{color:var(--brass-dim);}
.ss-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;}
.ss-hero .eyebrow{color:var(--brass-dim);}
.ss-hero .headline{font-size:clamp(30px,3.8vw,46px);line-height:1.15;}
.ss-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.ss-facts li{padding:8px 14px;border-radius:999px;background:rgba(248,242,230,.08);border:1px solid rgba(248,242,230,.22);font-size:14.5px;color:#E6DAC0;}
.ss-facts strong{color:#F8F2E6;font-weight:600;}
.ss-hero-img{margin:0;}
.ss-hero-img img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.45);}
@media(max-width:900px){.ss-hero{padding:28px 0 56px;}.ss-hero-grid{grid-template-columns:1fr;gap:34px;}}

/* Buttons */
.ss-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.ss-btn{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s ease,transform .2s ease,color .2s ease;}
.ss-btn.gold{background:var(--brass);color:#2A1A10;font-weight:600;}
.ss-btn.gold:hover{background:var(--brass-dim);transform:translateY(-2px);}
.ss-btn.ghost{border:1px solid rgba(248,242,230,.5);color:#F8F2E6;}
.ss-btn.ghost:hover{background:rgba(248,242,230,.12);}
.ss-btn.dark{background:var(--ink);color:#fff;}
.ss-btn.dark:hover{background:var(--ink-2);transform:translateY(-2px);}
.ss-btn.outline{border:1px solid var(--ink);color:var(--ink);}
.ss-btn.outline:hover{background:var(--ink);color:#fff;}

/* Shared */
.ss-kicker{display:block;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-text);margin-bottom:10px;}
.ss-head{margin-bottom:28px;}
.ss-head h2,.ss-program h2,.ss-topic h2,.ss-relevance h2,.ss-past h2{font-family:'Rosarivo',serif;font-weight:500;font-size:clamp(28px,3.4vw,38px);line-height:1.2;}
.ss-col{max-width:800px;}
.ss-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.ss-two.top{align-items:start;margin:26px 0 34px;}
@media(max-width:860px){.ss-two{grid-template-columns:1fr;gap:22px;}}

/* ---- Recordings ---- */
.ss-recordings{padding:76px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px;}
.ss-rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.ss-rec{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.ss-rec .yt{border-radius:0;box-shadow:none;}
.ss-rec .yt-frame{border-radius:0;}
.ss-rec-body{padding:16px 18px 18px;}
.ss-rec h3{font-family:'Rosarivo',serif;font-weight:500;font-size:18px;line-height:1.35;}
.ss-rec p{margin-top:6px;font-size:14px;color:var(--text-dim);}
.ss-rec.feature{grid-column:span 2;grid-row:span 2;}
.ss-rec.feature h3{font-size:24px;}
.ss-rec.feature .yt-play{width:76px;height:76px;margin:-38px 0 0 -38px;}
.ss-rec.feature .yt-play::after{left:31px;top:24px;border-width:14px 0 14px 22px;}
.ss-rec:not(.feature) .yt-play{width:46px;height:46px;margin:-23px 0 0 -23px;}
.ss-rec:not(.feature) .yt-play::after{left:18px;top:13px;border-width:10px 0 10px 15px;}
@media(max-width:960px){.ss-rec-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.ss-recordings{padding:56px 0;}.ss-rec-grid{grid-template-columns:1fr;}.ss-rec.feature{grid-column:auto;grid-row:auto;}}

/* ---- Program ---- */
.ss-program{padding:76px 0;background:var(--parchment-2);border-bottom:1px solid var(--line);scroll-margin-top:100px;}
.ss-program-grid{display:grid;grid-template-columns:380px 1fr;gap:52px;align-items:start;}
.ss-poster{margin:0;}
.ss-poster a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 16px 34px rgba(42,32,22,.2);transition:transform .25s ease;}
.ss-poster a:hover{transform:translateY(-3px);}
.ss-poster img{width:100%;height:auto;display:block;}
.ss-poster figcaption{margin-top:12px;text-align:center;font-size:13.5px;font-style:italic;color:var(--text-dim);}
.ss-program-text p{font-size:16.5px;line-height:1.8;color:var(--text);}
.ss-date{margin:8px 0 10px;font-family:'Rosarivo',serif;font-size:22px!important;color:var(--ink)!important;}
.ss-donate{margin-top:26px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--brass);}
.ss-donate p{font-size:15px!important;line-height:1.7!important;}
.ss-donate a,.ss-conversation a,.ss-topic a,.ss-relevance a{color:var(--ink-2);}
.ss-mini-video{margin-top:26px;max-width:520px;}
@media(max-width:900px){.ss-program{padding:56px 0;}.ss-program-grid{grid-template-columns:1fr;gap:34px;}.ss-poster{max-width:380px;margin:0 auto;}}

/* ---- Conversation ---- */
.ss-conversation{padding:64px 0;border-bottom:1px solid var(--line);}
.ss-conversation p{font-size:17px;line-height:1.8;color:var(--text);}

/* ---- Topic essay ---- */
.ss-topic{padding:76px 0;background:var(--parchment-2);border-bottom:1px solid var(--line);scroll-margin-top:100px;}
.ss-topic h2{margin-bottom:22px;}
.ss-topic p,.ss-relevance p{font-size:17px;line-height:1.85;color:var(--text);}
.ss-topic p + p,.ss-relevance p + p{margin-top:16px;}
.ss-lead{font-family:'Rosarivo',serif;font-size:clamp(20px,2.2vw,23px)!important;line-height:1.6!important;}
.ss-pull{margin:30px 0;padding:28px 32px;border-radius:16px;background:var(--ink);color:#F8F2E6;}
.ss-pull p{font-family:'Marcellus',serif;font-style:italic;font-size:clamp(18px,2.2vw,21px)!important;line-height:1.6!important;color:#F8F2E6!important;}
.ss-pull cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:#C9AE8A;}

/* ---- Relevance ---- */
.ss-relevance{padding:76px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px;}
.ss-intro{margin-bottom:6px;}
.ss-list-title{margin:22px 0 12px;font-family:'Rosarivo',serif;font-weight:500;font-size:20px;line-height:1.35;}
.ss-articles{list-style:none;counter-reset:art;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.ss-articles li{counter-increment:art;position:relative;padding:16px 18px 16px 56px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.6;}
.ss-articles li::before{content:counter(art);position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;background:var(--parchment-2);color:var(--brass-text);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;}
.ss-articles a{display:inline-block;margin-top:4px;font-weight:500;}
.ss-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
.ss-bullets li{position:relative;padding:14px 18px 14px 44px;background:var(--parchment-2);border-radius:12px;font-size:15.5px;line-height:1.65;}
.ss-bullets li::before{content:"";position:absolute;left:18px;top:22px;width:10px;height:10px;border-radius:2px;background:var(--brass);transform:rotate(45deg);}
@media(max-width:600px){.ss-topic,.ss-relevance{padding:56px 0;}.ss-topic p,.ss-relevance p{font-size:16.5px;}}

/* ---- Past conferences ---- */
.ss-past{padding:64px 0 76px;}
.ss-past h2{margin-bottom:22px;}
.ss-past-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ss-past-grid a{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .2s ease,box-shadow .2s ease;}
.ss-past-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(42,32,22,.1);}
.ss-past-grid .y{font-size:12.5px;font-weight:600;letter-spacing:.12em;color:var(--brass-text);}
.ss-past-grid .t{font-family:'Rosarivo',serif;font-size:19px;line-height:1.35;}
.ss-past-grid a.all{background:var(--ink);border-color:var(--ink);color:#F8F2E6;}
.ss-past-grid a.all .y{color:var(--brass-dim);}
@media(max-width:860px){.ss-past-grid{grid-template-columns:1fr;}}

/* ==== Additions used by SS2024 (also reusable) ==== */

/* Hero with a book (proceedings) instead of a banner */
.ss-hero-grid.book{grid-template-columns:1fr 260px;}
.ss-hero-book{display:block;text-decoration:none;color:#F8F2E6;text-align:center;}
.ss-hero-book img{width:100%;height:auto;display:block;border-radius:4px 10px 10px 4px;box-shadow:-10px 18px 40px rgba(0,0,0,.55);transform:rotate(2deg);transition:transform .3s ease;}
.ss-hero-book:hover img{transform:rotate(0) translateY(-4px);}
.ss-hero-book span{display:inline-block;margin-top:16px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-dim);}
@media(max-width:900px){.ss-hero-grid.book{grid-template-columns:1fr;}.ss-hero-book{max-width:200px;}}

/* Testimonial */
.ss-testimonial{padding:56px 0;border-bottom:1px solid var(--line);}
.ss-quote-card{margin:0;display:flex;gap:26px;align-items:flex-start;padding:30px 32px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--brass);border-radius:16px;}
.ss-quote-card > img{width:90px;height:90px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--brass);}
.ss-quote-card blockquote{font-family:'Marcellus',serif;font-style:italic;font-size:clamp(18px,2vw,21px);line-height:1.6;color:var(--text);}
.ss-quote-card figcaption{margin-top:14px;}
.ss-quote-card figcaption strong{display:block;font-family:'Rosarivo',serif;font-weight:500;font-size:19px;}
.ss-quote-card figcaption span{display:block;margin-top:2px;font-size:14px;line-height:1.55;color:var(--text-dim);}
@media(max-width:600px){.ss-quote-card{flex-direction:column;padding:24px 20px;}}

/* 50th anniversary feature */
.ss-anniv{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;margin-bottom:56px;padding:24px;background:var(--ink);border-radius:18px;color:#F8F2E6;}
.ss-anniv .ss-kicker{color:var(--brass-dim);}
.ss-anniv h2{font-family:'Rosarivo',serif;font-weight:500;font-size:clamp(24px,2.8vw,32px);line-height:1.25;color:#F8F2E6;}
@media(max-width:860px){.ss-anniv{grid-template-columns:1fr;gap:20px;padding:18px;}}

/* Even talk grid (no featured tile) + wide final tile */
.ss-rec-grid.even .ss-rec .yt-play{width:46px;height:46px;margin:-23px 0 0 -23px;}
.ss-rec-grid.even .ss-rec .yt-play::after{left:18px;top:13px;border-width:10px 0 10px 15px;}
.ss-rec.wide{grid-column:span 2;}
.ss-res{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.ss-res a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--parchment);font-size:13px;color:var(--text);text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.ss-res a:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
.ss-res svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:600px){.ss-rec.wide{grid-column:auto;}}

/* Program partner banner */
.ss-partner-banner{width:100%;height:auto;display:block;margin-top:24px;border-radius:12px;box-shadow:0 10px 22px rgba(42,32,22,.12);}

/* Introductory videos */
.ss-intro-videos{padding:76px 0;border-bottom:1px solid var(--line);}
.ss-iv-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.ss-iv{padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;}
.ss-iv .yt{border-radius:12px;box-shadow:none;}
.ss-iv h3{margin:16px 0 8px;font-family:'Rosarivo',serif;font-weight:500;font-size:20px;line-height:1.35;}
.ss-iv p{font-size:15px;line-height:1.75;color:var(--text);}
@media(max-width:860px){.ss-intro-videos{padding:56px 0;}.ss-iv-grid{grid-template-columns:1fr;}}

/* Figure, citations, references */
.ss-figure{margin:28px 0;}
.ss-figure img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 12px 26px rgba(42,32,22,.14);background:#fff;}
.ss-figure figcaption{margin-top:10px;text-align:center;font-size:13.5px;font-style:italic;color:var(--text-dim);}
.ss-cite{font-size:.72em;line-height:0;}
.ss-cite a{text-decoration:none;font-weight:600;}
.ss-refs-title{margin:40px 0 12px;font-family:'Rosarivo',serif;font-weight:500;font-size:22px;}
.ss-refs{padding-left:22px;display:flex;flex-direction:column;gap:8px;}
.ss-refs li{font-size:14px;line-height:1.6;color:var(--text-dim);overflow-wrap:anywhere;scroll-margin-top:120px;}
.ss-refs li:target{background:#FBF3DC;border-radius:6px;}

/* ==== Additions used by SS2023 ==== */
/* Book cover that is a 3D mockup on white: show it on a light card */
.ss-hero-book.mockup img{transform:none;background:#fff;padding:14px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.4);}
.ss-hero-book.mockup:hover img{transform:translateY(-4px);}

/* Proceedings section */
.ss-proceedings{padding:76px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px;}
.ss-proceedings h2{font-family:'Rosarivo',serif;font-weight:500;font-size:clamp(28px,3.4vw,38px);line-height:1.2;margin-bottom:18px;}
.ss-proceedings p{font-size:17px;line-height:1.85;color:var(--text);}
.ss-proceedings p + p{margin-top:14px;}
.ss-buy{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:28px;}
.ss-buy span{font-size:15px;font-weight:500;color:var(--text);}
.ss-amazon{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.ss-amazon a{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;color:var(--text);text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.ss-amazon a:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
@media(max-width:600px){.ss-proceedings{padding:56px 0;}}

/* ---- WordPress: block styles inside conference text ---- */
.ss-program-text p.is-style-date{margin:8px 0 10px;font-family:'Rosarivo',serif;font-size:22px;color:var(--ink);}
.ss-program-text p.is-style-callout,.ss-topic p.is-style-callout{margin-top:26px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--brass);font-size:15px;line-height:1.7;}
.ss-program-text p.is-style-callout a{color:var(--ink-2);}
.ss-topic p.is-style-lead,.ss-relevance p.is-style-lead,.ss-proceedings p.is-style-lead{font-family:'Rosarivo',serif;font-size:clamp(20px,2.2vw,23px);line-height:1.6;}
.ss-relevance p.is-style-intro{margin-bottom:6px;}
.ss-relevance h3.is-style-list-title,.ss-topic h3.is-style-list-title{margin:22px 0 12px;font-family:'Rosarivo',serif;font-weight:500;font-size:20px;line-height:1.35;}
ol.is-style-reading-list,ul.is-style-reading-list{list-style:none;counter-reset:art;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:0;}
.is-style-reading-list li{counter-increment:art;position:relative;padding:16px 18px 16px 56px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.6;}
.is-style-reading-list li::before{content:counter(art);position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;background:var(--parchment-2);color:var(--brass-text);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;}
.is-style-reading-list a{display:inline-block;margin-top:4px;font-weight:500;}
ul.is-style-gold-bullets,ol.is-style-gold-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;padding:0;}
.is-style-gold-bullets li{position:relative;padding:14px 18px 14px 44px;background:var(--parchment-2);border-radius:12px;font-size:15.5px;line-height:1.65;}
.is-style-gold-bullets li::before{content:"";position:absolute;left:18px;top:22px;width:10px;height:10px;border-radius:2px;background:var(--brass);transform:rotate(45deg);}
.ss-relevance .acf-innerblocks-container > :not(.ss-two){max-width:800px;}
.wp-block-image.ss-partner-banner{margin:24px 0 0;}
.wp-block-image.ss-partner-banner img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 10px 22px rgba(42,32,22,.12);}
.ss-past-grid[data-count="1"]{grid-template-columns:minmax(0,360px);}
.ss-past-grid[data-count="2"]{grid-template-columns:repeat(2,1fr);}
.ss-rec-grid[data-count="1"]{grid-template-columns:minmax(0,640px);}
.ss-iv-grid[data-count="1"]{grid-template-columns:minmax(0,560px);}