/* InsideBitcoins 2026 theme (ib-2026). Generated by swap/scripts/ib-redesign/build_theme.py from the approved mockup CSS. */
/* Article, archive, long page (gambling + guide), coin page */
.crumbs{display:flex;flex-wrap:wrap;gap:0;font-size:13px;color:var(--muted);padding:16px 0 0}
.crumbs a,.crumbs span{display:inline-flex;align-items:center}
.crumbs a:hover{color:var(--orange-ink)}
.crumbs > *+*::before{content:"/";margin:0 8px;color:var(--rule-2)}
.all{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--orange-ink)}
.sym{color:var(--muted);font-weight:400}

/* byline */
.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.byline img,.byline .ini{width:44px;height:44px;border-radius:50%;object-fit:cover}
.byline .ini{display:grid;place-items:center;background:var(--wash);font-weight:700;font-size:15px}
.byline .who{font-weight:600;font-size:15px}
.byline .role{font-size:13px;color:var(--muted)}
.byline .when{margin-left:auto;font-size:13px;color:var(--muted)}

/* prose: Newsreader for anything people read end to end */
.prose{font:400 19px/1.62 var(--serif);color:var(--ink)}
.prose > * + *{margin-top:18px}
.prose h2{font:700 26px/1.2 var(--sans);margin-top:40px;letter-spacing:-.015em;scroll-margin-top:80px}
.prose h3{font:700 20px/1.3 var(--sans);margin-top:28px}
.prose h4{font:600 17px/1.35 var(--sans);margin-top:20px}
.prose a{color:var(--orange-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{color:var(--ink)}
.prose ul,.prose ol{padding-left:22px}
.prose li+li{margin-top:6px}
.prose strong,.prose b{font-weight:600}
.prose blockquote{margin:24px 0;padding:2px 0 2px 18px;border-left:3px solid var(--orange);color:var(--ink-2)}
.prose img{margin:8px 0}
.prose table{width:100%;border-collapse:collapse;font:400 15px/1.4 var(--sans);display:block;overflow-x:auto}
.prose th{font-size:13px;font-weight:600;color:var(--muted);text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--rule-2);white-space:nowrap}
.prose td{padding:10px 12px 10px 0;border-bottom:1px solid var(--rule);vertical-align:top}

/* rails */
.rail-box{margin-bottom:32px}
.rail-h{font-size:17px;line-height:22px;border-top:2px solid var(--ink);padding-top:10px;margin-bottom:12px}
.rail .story-list .hl{font-size:15px;line-height:20px;font-weight:600}
.coincard{border:1px solid var(--rule);padding:16px}
.cc-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.cc-top img{border-radius:50%}
.cc-price{font-size:30px;font-weight:700;letter-spacing:-.02em}
.cc-chg{font-size:15px;margin:2px 0 10px}
.cc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;border-top:1px solid var(--rule);padding-top:10px}
.cc-stats dt{font-size:12px;color:var(--muted)} .cc-stats dd{margin:0;font-weight:600}
.coincard .stamp{margin-top:6px;font-size:12px}

/* article */
.art-head{max-width:860px;padding:20px 0 24px}
.art-head .desk{margin-bottom:14px}
.art-head h1{font-size:44px;line-height:48px;letter-spacing:-.025em;margin-bottom:14px}
.art-head .dek{font-size:20px;line-height:28px;color:var(--ink-2);margin-bottom:20px;max-width:58ch}
.art-head .byline{border-top:1px solid var(--rule);padding-top:16px}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px}
.art-body{max-width:720px}
.cover{margin:0 0 28px}
.cover img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cover figcaption{font-size:12px;color:var(--muted);padding-top:6px}
.author-box{display:flex;gap:16px;margin-top:40px;padding:20px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}
.author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.author-box p{font-size:15px;line-height:22px;color:var(--ink-2);margin:4px 0 6px}
.author-box a{font-size:14px;font-weight:600;color:var(--orange-ink)}
.rail{position:relative}
.art .rail > :first-child{margin-top:0}

/* archive */
.arch-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:16px 0 20px;border-bottom:2px solid var(--ink);margin-bottom:24px}
.arch-head h1{font-size:40px;line-height:44px;letter-spacing:-.025em;margin-bottom:6px}
.arch-head p{font-size:17px;line-height:25px;color:var(--ink-2);max-width:62ch}
.arch-desk{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.arch-top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;padding-bottom:32px;border-bottom:1px solid var(--rule);margin-bottom:32px}
.a-lead img{width:100%;aspect-ratio:3/2;max-height:400px;object-fit:cover}
.a-lead .hl{font-size:30px;line-height:35px;margin:14px 0 8px}
.a-lead .dek{font-size:17px;line-height:25px;color:var(--ink-2);margin-bottom:8px}
.a-side{display:flex;flex-direction:column;gap:24px}
.a-side article+article{border-top:1px solid var(--rule);padding-top:20px}
.a-side img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px}
.a-side .hl{font-size:19px;line-height:24px;margin-bottom:6px}
.arch .lower{padding:0}
.pager{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;color:var(--muted)}
.pager a{font-weight:600;color:var(--ink);border:1px solid var(--rule-2);padding:10px 16px;border-radius:2px}

/* long pages */
.lp-head{max-width:860px;padding:16px 0 24px}
.lp-head h1{font-size:42px;line-height:46px;letter-spacing:-.025em;margin-bottom:18px}
.lp-head .byline{border-top:1px solid var(--rule);padding-top:14px}
.lp-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;gap:40px;align-items:start}
.lp-body{max-width:720px}
.lp-body > h2:first-child{margin-top:0}
.toc{position:sticky;top:84px;font-size:14px;line-height:19px;max-height:calc(100vh - 100px);overflow:auto}
.toc b{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:8px}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}
.toc li a{display:block;padding:6px 0 6px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink-2)}
.toc li a:hover{border-left-color:var(--orange);color:var(--ink)}
.toplist-slot{margin:20px 0 8px;padding:20px;border:1px dashed var(--rule-2);background:var(--wash);font:400 14px/1.5 var(--sans);display:flex;flex-direction:column;gap:6px;min-height:220px;justify-content:center}
.toplist-slot b{font-size:15px}
.toplist-slot span{color:var(--ink-2);max-width:60ch}

/* coin page */
.coin-head{display:flex;align-items:center;gap:12px;padding:16px 0 8px}
.coin-head img{border-radius:50%}
.coin-head h1{font-size:34px;line-height:40px}
.coin-head h1 span{color:var(--muted);font-weight:500;font-size:22px}
.coin-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-bottom:32px;border-bottom:1px solid var(--rule);margin-bottom:32px}
.big{font-size:52px;line-height:56px;font-weight:700;letter-spacing:-.03em}
.chgs{font-size:17px;margin:4px 0}
.chart{margin:20px 0 0}
.chart .tabs{display:flex;gap:4px;margin-bottom:10px}
.chart .tabs button{font:600 13px var(--sans);background:none;border:1px solid var(--rule-2);padding:8px 12px;min-height:36px;color:var(--ink-2);border-radius:2px;cursor:pointer}
.chart .tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.chart svg{width:100%;height:auto;display:block}
.chart .g{stroke:var(--rule);stroke-width:1}
.chart text{font:13px var(--sans);fill:var(--muted)}
.chart .ln{fill:none;stroke:var(--orange-ink);stroke-width:2}
.coin-stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;align-content:start;border-top:2px solid var(--ink)}
.coin-stats div{padding:12px 0;border-bottom:1px solid var(--rule)}
.coin-stats div:nth-child(odd){padding-right:16px}
.coin-stats dt{font-size:13px;color:var(--muted)}
.coin-stats dd{margin:2px 0 0;font-size:18px;font-weight:700}
.coin-stats dd a{font-size:15px;font-weight:600;color:var(--orange-ink)}
.coin-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px}
.coin-grid .prose{max-width:720px}

@media (max-width:1100px){
  .lp-grid{grid-template-columns:minmax(0,1fr) 260px}
  .toc{display:none}
}
@media (max-width:900px){
  .art-grid,.coin-grid,.lp-grid,.coin-top,.arch-top{display:block}
  .rail{margin-top:40px}
  .coin-stats{margin-top:24px}
  .a-side{margin-top:24px}
}
@media (max-width:767px){
  .art-head h1{font-size:30px;line-height:34px}
  .art-head .dek{font-size:17px;line-height:25px}
  .lp-head h1{font-size:30px;line-height:34px}
  .arch-head{display:block}.arch-head h1{font-size:30px;line-height:34px}.arch-desk{align-items:flex-start;margin-top:12px}
  .a-lead .hl{font-size:24px;line-height:29px}
  .prose{font-size:18px;line-height:1.6}
  .prose h2{font-size:23px}
  .byline .when{margin-left:56px;flex-basis:100%}
  .big{font-size:40px;line-height:44px}
  .chart text{font-size:16px}
  .crumbs{padding-top:12px}
}

.rail-box:last-child,.rail>:last-child{margin-bottom:0}
.arch .lower,.lower{padding-bottom:0}
.learn{padding-bottom:0}
.byline .how{margin-left:12px;font-weight:600;color:var(--orange-ink)}
.mtoc{display:none;margin:24px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:400 15px/1.4 var(--sans)}
.mtoc summary{cursor:pointer;padding:12px 0;font-weight:600;min-height:44px;display:flex;align-items:center}
.mtoc ol{margin:0 0 12px;padding-left:20px}.mtoc li{padding:5px 0}
.mtoc a{text-decoration:none;color:var(--ink)}
.rg-line{margin-top:40px!important;padding-top:16px;border-top:1px solid var(--rule);font:400 14px/1.55 var(--sans);color:var(--ink-2)}
@media (max-width:1100px){.mtoc{display:block}}
.toplist-slot{margin-bottom:0}
@media (max-width:1100px){.mtoc{margin:16px 0 0}}
.rail-box:last-child{margin-bottom:0}
@media (max-width:767px){
  .lp-head .byline{flex-wrap:nowrap;gap:10px;padding-top:10px}
  .lp-head .byline img,.lp-head .byline .ini{width:32px;height:32px}
  .lp-head .byline .role{display:none}
  .lp-head .byline .when{margin-left:auto;flex-basis:auto;text-align:right}
  .lp-head{padding:8px 0 16px}
  .lp-head h1{margin-bottom:12px}
  .byline .how{display:none}
  .chart text{font-size:30px}
  .chart .tabs button{min-height:40px}
  .toc a,.mtoc a{display:block;padding-block:10px}
  .rail .story-list .hl{padding-block:11px;margin-block:-11px}
}
.pager{padding-bottom:0}
.lp-body>:last-child,.prose>:last-child{margin-bottom:0}

.prose table{display:table;width:100%}
@media (max-width:767px){.prose table{display:block}}
.sh .more{white-space:nowrap}
.mpanel .caret{display:none}

/* ---- archive river (from the homepage runner-up) ---- */
.lower{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;padding-bottom:40px}
.day ul{list-style:none;margin:0 0 24px;padding:0}
.day li{display:grid;grid-template-columns:52px minmax(0,1fr) 150px;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule)}
.day li:not(:has(.th)){grid-template-columns:52px minmax(0,1fr)}
.day time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;line-height:18px}
.day time span{display:block;font-size:12px}
.day .kicker{display:block;margin-bottom:2px}
.day .hl{display:block;font-size:19px;line-height:25px;margin-bottom:6px}
.day p{font-size:15px;line-height:22px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.day p.meta{display:block;margin-top:6px;font-size:13px;color:var(--muted)}
.day .th img{width:150px;aspect-ratio:3/2;object-fit:cover}
.side{min-width:0}
.a-lead .kicker,.a-side .kicker{display:block;margin-top:12px}
.a-lead .kicker+.hl{margin-top:4px}
.empty{font-size:17px;color:var(--ink-2);padding:24px 0}
.empty a{color:var(--orange-ink);text-decoration:underline}
.arch-author{justify-content:flex-start;align-items:center}
.arch-author>img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none}
@media (max-width:900px){.lower{display:block}.side{margin-top:32px}}
@media (max-width:767px){
  .day li,.day li:not(:has(.th)){grid-template-columns:44px minmax(0,1fr)}
  .day .th{display:none}
  .day .hl{font-size:17px;line-height:23px}
  .day p{display:none}
  .day p.meta{display:block}
  .arch-author>img{width:64px;height:64px;margin-bottom:12px}
}

/* ---- article extras ---- */
.pr-note{margin-top:14px;font-size:14px;line-height:20px;color:var(--ink-2);border-left:3px solid var(--rule-2);padding-left:12px}
.art-head .desk{display:inline-block}
.art-head .byline img.av,.lp-head .byline img.av{width:44px;height:44px;border-radius:50%;object-fit:cover}
.author-box img.av{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.author-box b a{color:var(--ink)}

/* ---- long pages: no ToC, data pages ---- */
.lp-notoc .lp-grid{grid-template-columns:minmax(0,1fr) 300px;gap:56px}
.lp-data .lp-head{max-width:none}
.lp-wide{max-width:none}
.lp-wide.prose{font-family:var(--sans);font-size:17px;line-height:1.6}
.lp-wide.prose>p,.lp-wide.prose>ul,.lp-wide.prose>ol{max-width:760px}
@media (max-width:1100px){.lp-notoc .lp-grid{grid-template-columns:minmax(0,1fr) 260px;gap:40px}}
@media (max-width:900px){.lp-notoc .lp-grid{display:block}}

/* ---- WordPress content inside .prose ---- */
.prose figure{margin:24px 0}
.prose figure img,.prose .wp-block-image img{margin:0;height:auto}
.prose figcaption,.prose .wp-caption-text,.prose .wp-element-caption{font:400 13px/1.4 var(--sans);color:var(--muted);padding-top:6px}
.prose .aligncenter{margin-left:auto;margin-right:auto}
.prose .alignleft{float:left;margin:6px 20px 10px 0;max-width:50%}
.prose .alignright{float:right;margin:6px 0 10px 20px;max-width:50%}
.prose .wp-caption{max-width:100%}
.prose iframe,.prose video,.prose embed{max-width:100%}
.prose .wp-block-embed__wrapper{position:relative}
.prose .wp-block-table{margin:24px 0;overflow-x:auto}
.prose .wp-block-table table{display:table}
.prose hr{border:0;border-top:1px solid var(--rule);margin:32px 0}
.prose code{font-size:.9em;background:var(--wash);padding:1px 4px}
.prose .twitter-tweet{margin:24px auto}
.prose details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:4px 0}
.prose details+details{border-top:0;margin-top:0}
.prose summary{font:600 17px/1.4 var(--sans);cursor:pointer;padding:12px 0}
.prose .su-button{font-family:var(--sans)!important}
.prose .ibd{font-family:var(--sans)}
.prose .ibd a{text-decoration:none}
.lp-body .schema-faq-section,.lp-body .wp-block-yoast-faq-block>div{border-top:1px solid var(--rule);padding:14px 0 4px}
.lp-body .schema-faq-question{display:block;font:700 18px/1.35 var(--sans);margin-bottom:6px}
.prose::after{content:"";display:table;clear:both}
@media (max-width:767px){.prose .alignleft,.prose .alignright{float:none;margin:16px 0;max-width:100%}}

/* ---- ib-data plugin template (coin, protocol, sector, chain routes) inside the new chrome ---- */
#page-wrapper.wrapper{padding:0}
#page-wrapper .container{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
#page-wrapper .ibd-main{padding:8px 0 40px}

/* ---- gambling pages: intro + H2 + toplist full width, the guide below in the grid ---- */
.lp-top{padding-bottom:8px}
.lp-top>*{max-width:720px}
.lp-top>div,.lp-top>.casino-reviews-table-container{max-width:none}
.lp-top .casino-reviews-table-container{font:400 16px/1.5 var(--sans);margin-top:20px}
.lp-top+.lp-grid{margin-top:32px}
.lp-gamb .lp-body>h2:first-child,.lp-gamb .lp-body>.mtoc+h2{margin-top:0}
