/* Shared styles for all dedicated CelebrityRoasts.net video pages. */

:root{--cream:#fffaf0;--paper:#f6efe1;--ink:#211b18;--red:#d7412f;--gold:#d3a13e;--teal:#267878}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff9ef;font-size:17px}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{background:#fffaf1;border-top:1px solid #eadbc3;border-bottom:1px solid #e1d5c4}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:83px}.brand{font-size:25px;font-weight:850;letter-spacing:-1.1px;text-decoration:none}.brand span,.pop{color:var(--red)}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{font-size:17px;text-decoration:none;font-weight:700}.navlinks a:hover{text-decoration:underline;text-decoration-color:var(--red)}.menu-toggle{display:none;border:1px solid #c6b7a4;border-radius:8px;background:white;padding:8px 12px;font-size:22px}.hero{background:radial-gradient(circle at 12% 10%,#fff0d0,transparent 42%),linear-gradient(110deg,#f8efda,#eef2e8);border-bottom:1px solid #e3d6c6;padding:42px 0 43px}.return{font-size:15px;font-weight:700;color:#7c392c;text-decoration:none}.return:hover{text-decoration:underline}.hero-inner{margin-top:22px;max-width:900px}.kicker{text-transform:uppercase;color:#c83226;letter-spacing:.22em;font-size:13px;font-weight:800;margin:0 0 14px}.hero h1{font:700 clamp(40px,5.5vw,72px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:0 0 18px}.hero h1 em{color:var(--red);font-weight:700}.dek{font-size:clamp(18px,2vw,24px);line-height:1.42;margin:0;max-width:760px}.meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.meta a{background:white;border:1px solid #e1d2bc;padding:7px 13px;border-radius:40px;font-size:14px;font-weight:700;text-decoration:none}.meta a:hover{border-color:var(--red)}.main{padding:42px 0 62px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:42px;align-items:start}.video-lead{max-width:600px}.section-heading{font:700 30px/1.15 Georgia,serif;margin:0 0 17px}.main-player{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:13px;box-shadow:0 12px 24px #3620172a}.under-player{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:15px}.stars{display:inline-flex;gap:3px}.star{border:0;background:none;color:#a59a82;cursor:pointer;font-size:29px;line-height:1;padding:2px}.star.selected{color:#d19b32}.star:focus-visible{outline:2px solid var(--teal);border-radius:4px}.rating-status{font-size:13px;color:#655849}.share{border:1px solid #c5b69e;border-radius:30px;padding:8px 13px;background:white;font-weight:700;cursor:pointer}.panel-note{font-size:13px;color:#6a5b4b;margin:10px 0 0}.related{border-left:1px solid #e2d4bd;padding-left:27px}.related h2{font:700 23px Georgia,serif;margin:0 0 17px}.related-video{display:block;text-decoration:none;margin-bottom:22px}.related-thumb{aspect-ratio:16/9;display:grid;place-items:center;border-radius:10px;position:relative;overflow:hidden;border:1px solid #8d7264;background:linear-gradient(130deg,#342927,#8f644e 60%,#d0a36c);color:#fff}.related-video:nth-of-type(2) .related-thumb{background:linear-gradient(130deg,#253c3d,#618b82 65%,#d2b08a)}.related-video:nth-of-type(3) .related-thumb{background:linear-gradient(130deg,#45333c,#a16a70 65%,#c7b08b)}.related-video:nth-of-type(4) .related-thumb{background:linear-gradient(130deg,#493529,#a68e6d 65%,#d6bc89)}.related-thumb .play{border-radius:50%;background:#181411be;width:45px;height:45px;display:grid;place-items:center;font-size:20px;padding-left:3px}.related-video strong{display:block;font-size:13px;line-height:1.35;margin-top:7px}.related-video small{display:block;color:#826f5d;font-size:12px;margin-top:3px}.related-video:hover strong{text-decoration:underline}.description{margin:18px 0 0;max-width:720px}.description h2,.comments h2{font:700 27px Georgia,serif;margin:0 0 14px}.description p{font-size:17px;line-height:1.64;margin:0 0 13px}.description p:last-child{margin-bottom:0}.comments{border-top:1px solid #dfd0ba;margin-top:26px;padding-top:28px;max-width:810px}.comments-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.comments-count{font-size:14px;color:#776b5b}.comment{border-bottom:1px solid #eadfcd;padding:19px 0;display:flex;gap:12px}.avatar{width:37px;height:37px;border-radius:50%;flex:none;background:#e8cd9c;color:#5d3829;font-weight:800;display:grid;place-items:center}.comment-head{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline}.comment-head strong{font-size:15px}.comment-head time{font-size:12px;color:#7a6c5f}.comment p{font-size:15px;line-height:1.55;margin:6px 0 0}.comment-form{margin-top:23px;display:grid;gap:9px}.comment-form h3{font:700 22px Georgia,serif;margin:0 0 3px}.comment-form label{font-size:14px;font-weight:700}.comment-form input,.comment-form textarea{width:100%;background:white;border:1px solid #c6b6a1;border-radius:8px;padding:11px;font:inherit}.comment-form button{justify-self:start;border:0;background:var(--red);color:white;font-weight:700;border-radius:22px;padding:11px 20px;cursor:pointer}.form-status{font-size:13px;color:#675947}.footer{background:#211b18;color:#f7eee0;padding:24px 0;font-size:14px}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:inherit}@media(max-width:800px){.main-grid{grid-template-columns:1fr}.related{border-left:0;border-top:1px solid #e2d4bd;padding:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.related h2{grid-column:1/-1}.related-video{margin-bottom:0}.navlinks{display:none;position:absolute;right:24px;top:75px;background:#fffaf1;border:1px solid #dcc9aa;border-radius:12px;padding:18px;z-index:5;flex-direction:column;align-items:start}.navlinks.open{display:flex}.menu-toggle{display:block}}@media(max-width:490px){.wrap{width:calc(100% - 32px)}.related{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:28px 0}.main{padding-top:30px}}


/* Keep the non-publishing status notices readable without changing the approved layout. */


/* Related-video pager: always show one group of three, with a cycling More button. */
.related-more{display:block;width:100%;border:1px solid #c5b69e;border-radius:28px;padding:10px 14px;background:#fff;color:var(--ink);font-weight:800;font-size:14px;cursor:pointer;margin:2px 0 4px}
.related-more:hover{border-color:var(--red);color:var(--red)}
.related-more:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
@media(max-width:800px){.related-more{grid-column:1/-1}}