/* ===========================================================================
   Bet105 Guides - article presentation layer
   Added 2026-10-04.

   Legacy guides render through template-article.php and template-post-article.php,
   which are shared with work outside Guides and must not be edited. This sheet
   loads ONLY on pages where b105_guides_context() resolves, and every rule is
   scoped under body.b105-guide-page, so nothing outside Guides can be touched.

   The patterns are lifted from the Crypto Cashier page (/how-to-deposit/), which
   is the house benchmark for polished Bet105 editorial:
     - 1080px shell, prose capped near 68ch
     - fluid type scale, negative tracking on headings
     - hairline section rules so H2s read as sections, not just bigger text
     - surfaces layered above the page ground rather than boxes beside it
     - callouts with a single left accent, never a card around every paragraph

   Colour values mirror bet105-sportsbook.css. They are copied rather than
   referenced for the same reason guides-shell.css copies them: the canonical
   --c-* tokens are scoped to .bet105-sportsbook-page / .bet105-marketing-page
   on <main>, which these templates never load.
   =========================================================================== */

body.b105-guide-page{
	--ga-bg:#0a0a0a;
	--ga-surface:#121418;
	--ga-surface-2:#181b21;
	--ga-line:#252932;
	--ga-text:#f2f4f7;
	--ga-body:#cfd4da;
	--ga-muted:#9aa3b2;
	--ga-blue:#3083dc;
	--ga-blue-dim:rgba(48,131,220,.10);
	--ga-warn:#e8b339;
	--ga-radius:10px;
	--ga-measure:68ch;
}

/* ===========================================================================
   LAYOUT SHELL - added 2026-10-04 after reviewing the pages as rendered.

   The typography above was right but it was being poured into a container with
   no maximum width. Measured on the live page at a 2844px viewport:
     .article-wrapper  2844px   max-width:100%, inherited from the global
                                article CSS in the site <head>
     .content-col      2074px   prose stretched across the whole display
     .entry-title       627px   headline alone in ~2200px of empty background
     .sidebar-col       260px   contents list marooned at the far left
     .calculator-col    350px   odds calculator marooned at the far right
   which reads as three unrelated columns rather than one article.

   The shell below matches the Guides navigation exactly - .b105-gs__inner is
   max-width:1320px with 28px side padding - so the nav, the breadcrumb, the
   headline and the body all share one left edge. The headline is indented to
   the prose column so the contents list sits in the margin beside the article
   instead of beginning a column of its own.

   Inside the content column prose holds --ga-measure while tables, stat strips,
   FAQ disclosures and the related grids break out to the full width. That
   narrow-prose / wide-module rhythm is the one the Crypto Cashier page uses.

   The odds calculator is a betting-maths tool: useful on the strategy and
   pricing guides, noise on a page explaining what Bet105 is. It renders only
   where body.b105-guide-calc is set - see b105_guides_body_class(). It is
   hidden rather than removed: the shortcode still runs and the markup, with
   any links in it, stays in the document.
   =========================================================================== */

body.b105-guide-page{
	--ga-rail:252px;
	--ga-gutter:72px;
	background:var(--ga-bg);
}
body.b105-guide-page .article-wrapper{
	max-width:1320px;
	margin-inline:auto;
	padding:0 28px;
	background:transparent;
}
body.b105-guide-page .page-grid{
	display:grid;
	grid-template-columns:var(--ga-rail) minmax(0,1fr);
	column-gap:var(--ga-gutter);
	row-gap:34px;
	padding-bottom:88px;
	align-items:start;
}
body.b105-guide-page .sidebar-col,
body.b105-guide-page .calculator-col,
body.b105-guide-page .content-col{width:auto; flex:none;}

/* The rail travels with the reader; .toc-sticky inside it goes back to static
   so there is only ever one sticky element. */
body.b105-guide-page .sidebar-col{
	position:sticky;
	top:112px;
	align-self:start;
	max-height:calc(100vh - 150px);
	overflow-y:auto;
}

/* Hidden, never removed - see the note above. */
body.b105-guide-page:not(.b105-guide-calc) .calculator-col{display:none;}

/* Where the calculator earns its place it keeps a column of its own, but the
   three tracks are re-proportioned. The template's own widths - 260 and 350
   with a 60px flex gap - left prose at 552px once the shell was capped, and
   the calculator read as a slab rather than a tool. 236/660/256 inside the
   same 1264px gives a 660px article, which is about 55 characters at 17px.

   Stacking the calculator under the contents in a single rail was tried first
   and does not work: .content-col has to span both rows, grid distributes a
   spanning item's height across the tracks it spans, and on a 9,700px article
   that pushed the calculator 5,400px down an otherwise empty margin. */
body.b105-guide-calc .page-grid{
	grid-template-columns:236px minmax(0,1fr) 256px;
	column-gap:56px;
}
body.b105-guide-calc .sidebar-col{grid-column:1; grid-row:1;}
body.b105-guide-calc .content-col{grid-column:2; grid-row:1;}
body.b105-guide-calc .calculator-col{grid-column:3; grid-row:1;}
body.b105-guide-calc .calculator-col .toc-sticky{
	position:sticky; top:112px; background:transparent; border:0; padding:0;
}

/* --- featured image + CTA (template-post-article.php) -------------------- */
/* The template prints the featured image full-shell with max-height:480px and
   then a centred Bet Now button. Measured on
   /bet105-the-ultimate-offshore-sportsbook-for-professional-us-bettors/:
   banner-chips-1024x576.png was being upscaled to 1264x480 and the button sat
   alone under it, putting 605px between the headline and the first sentence.

   The image is decorative, so it becomes a banner belonging to the article -
   indented to the prose column, at its natural aspect, capped at 220px - and
   the button moves to the article's left edge. Same head, 374px instead of
   605px, and nothing is removed. */
body.b105-guide-page .post-featured-image{
	max-width:calc(1264px - var(--ga-rail) - var(--ga-gutter));
	margin-left:calc(var(--ga-rail) + var(--ga-gutter));
	border-radius:var(--ga-radius);
	overflow:hidden;
}
body.b105-guide-page .post-featured-image img{
	max-height:220px; width:auto; max-width:100%;
	object-fit:contain; aspect-ratio:auto; display:block;
}
body.b105-guide-page .post-featured-cta{
	text-align:left;
	margin:18px 0 36px calc(var(--ga-rail) + var(--ga-gutter));
}
body.b105-guide-page .bet-now-btn{
	padding:12px 26px; font-size:14px; border-radius:6px;
}

/* --- prose measure vs wide modules --------------------------------------- */
body.b105-guide-page .content-col > h2,
body.b105-guide-page .content-col > h3,
body.b105-guide-page .content-col > h4,
body.b105-guide-page .content-col > div > p,
body.b105-guide-page .content-col > div > ul,
body.b105-guide-page .content-col > div > ol{max-width:var(--ga-measure);}
body.b105-guide-page .content-col > table,
body.b105-guide-page .content-col > figure,
body.b105-guide-page .content-col > details,
body.b105-guide-page .content-col .b105-proof{max-width:none;}
/* Justified text at this measure with no hyphenation opens rivers. */
body.b105-guide-page .content-col p{text-align:left;}

/* --- contents: a rail in the margin, not a card beside the article ------- */
body.b105-guide-page .sidebar-col .toc-sticky{
	position:static;
	background:transparent;
	border:0;
	border-left:1px solid var(--ga-line);
	border-radius:0;
	padding:4px 0 4px 18px;
}
body.b105-guide-page .sidebar-col .toc-header{
	font-size:11px; letter-spacing:.14em; margin-bottom:14px;
}
body.b105-guide-page .sidebar-col .toc-list li{margin:0 0 11px;}
body.b105-guide-page .sidebar-col .toc-list a{
	display:block; color:var(--ga-muted); line-height:1.4;
	border-bottom:0; transition:color .15s ease;
}
body.b105-guide-page .sidebar-col .toc-list a:hover{color:var(--ga-text);}
body.b105-guide-page .sidebar-col .toc-list a.is-current{
	color:var(--ga-text); font-weight:600;
}

/* --- proof strip --------------------------------------------------------- */
/* Reusable across guides. Markup:
     <div class="b105-proof">
       <div><b>-105</b><span>Standard juice, against an industry -110</span></div>
       ...
     </div>
   Figures only, and every figure must be supported by the page it sits on. */
.b105-proof{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(172px,1fr));
	gap:1px;
	margin:30px 0 34px;
	background:var(--ga-line);
	border:1px solid var(--ga-line);
	border-radius:var(--ga-radius);
	overflow:hidden;
}
.b105-proof > div{background:var(--ga-surface); padding:18px 20px;}
.b105-proof b{
	display:block;
	font-size:clamp(20px,2.4vw,25px);
	font-weight:700; letter-spacing:-.02em; line-height:1.1;
	color:var(--ga-text);
}
.b105-proof span{
	display:block; margin-top:7px;
	font-size:12.5px; line-height:1.4; color:var(--ga-muted);
}

/* --- Related Posts (RP4WP plugin) ---------------------------------------- */
/* The plugin appends its own block after the content on posts. Its links are
   worth keeping, so it is restyled to the house pattern rather than hidden. */
body.b105-guide-page .rp4wp-related-posts{
	margin:48px 0 0; padding-top:30px;
	border-top:1px solid var(--ga-line);
}
body.b105-guide-page .rp4wp-related-posts h3{
	margin:0 0 14px;
	font-size:11.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
	color:var(--ga-muted);
}
body.b105-guide-page .rp4wp-related-post-image,
body.b105-guide-page .rp4wp-related-post-content p{display:none;}
body.b105-guide-page .rp4wp-related-posts .rp4wp-related-post{
	display:block; margin:0 0 10px; padding:13px 15px;
	background:var(--ga-surface);
	border:1px solid var(--ga-line); border-radius:var(--ga-radius);
}
body.b105-guide-page .rp4wp-related-posts .rp4wp-related-post:hover{
	background:var(--ga-surface-2); border-color:#333a46;
}
body.b105-guide-page .rp4wp-related-posts a{
	color:var(--ga-body); font-size:14px; font-weight:500; border-bottom:0;
}
body.b105-guide-page .rp4wp-related-posts a:hover{color:#fff;}

/* --- shell + rhythm ------------------------------------------------------ */
body.b105-guide-page .article-wrapper{background:var(--ga-bg);}
body.b105-guide-page .page-grid{padding-bottom:72px;}
body.b105-guide-page .content-col{
	color:var(--ga-body);
	font-size:17px;
	line-height:1.75;
}
body.b105-guide-page .content-col > p,
body.b105-guide-page .content-col > ul,
body.b105-guide-page .content-col > ol,
body.b105-guide-page .content-col > blockquote{max-width:var(--ga-measure);}
body.b105-guide-page .content-col > p{margin:0 0 1.35em;}

/* --- headings: the fix for header/paragraph monotony --------------------- */
body.b105-guide-page .content-col h2{
	position:relative;
	margin:56px 0 16px;
	padding-top:30px;
	font-size:clamp(22px,3.2vw,30px);
	font-weight:700;
	letter-spacing:-.015em;
	line-height:1.2;
	color:var(--ga-text);
	border:0;
}
body.b105-guide-page .content-col h2::before{
	content:"";
	position:absolute; top:0; left:0; right:0;
	height:1px; background:var(--ga-line);
}
body.b105-guide-page .content-col > h2:first-child{margin-top:8px; padding-top:0;}
body.b105-guide-page .content-col > h2:first-child::before{display:none;}
body.b105-guide-page .content-col h3{
	margin:34px 0 10px;
	font-size:19px; font-weight:600; letter-spacing:-.01em;
	color:var(--ga-text);
}
body.b105-guide-page .content-col h4{
	margin:26px 0 8px; font-size:16px; font-weight:600; color:var(--ga-text);
}

/* Some guides carry an <h1> in the body on top of the one the template prints.
   Where the two are word-for-word identical the opening one is now dropped
   server-side - see b105_guides_strip_duplicate_title_heading(). What is left
   here are the body <h1>s that say something different from the page title, and
   those stay in the DOM: removing one would drop a real content signal. They
   are set as an opening section heading rather than a second hero. */
body.b105-guide-page .content-col > h1{
	margin:40px 0 16px;
	padding-top:30px;
	font-size:clamp(21px,3vw,27px);
	font-weight:700; letter-spacing:-.015em; line-height:1.25;
	color:var(--ga-text);
	position:relative;
	max-width:var(--ga-measure);
}
body.b105-guide-page .content-col > h1::before{
	content:""; position:absolute; top:0; left:0; right:0;
	height:1px; background:var(--ga-line);
}
body.b105-guide-page .content-col > h1:first-child{margin-top:4px; padding-top:0;}
body.b105-guide-page .content-col > h1:first-child::before{display:none;}

/* Guides on the post template open with a bare paragraph. Setting that first
   paragraph as a lede gives them an intentional opening instead of dropping
   the reader straight into body copy. Mirrors .cc-lede on the cashier page. */
body.b105-guide-nohero .content-col > p:first-child,
body.b105-guide-nohero .content-col > h1:first-child + p,
body.b105-guide-nohero .content-col > h2:first-child + p{
	margin:0 0 32px;
	padding-bottom:28px;
	border-bottom:1px solid var(--ga-line);
	max-width:62ch;
	font-size:clamp(17.5px,2.1vw,20px);
	line-height:1.6;
	color:var(--ga-muted);
}
body.b105-guide-nohero .content-col > p:first-child strong,
body.b105-guide-nohero .content-col > h1:first-child + p strong,
body.b105-guide-nohero .content-col > h2:first-child + p strong{color:var(--ga-text);}

/* --- prose details ------------------------------------------------------- */
body.b105-guide-page .content-col strong{color:var(--ga-text); font-weight:600;}
body.b105-guide-page .content-col a{
	color:var(--ga-blue); text-decoration:none;
	border-bottom:1px solid rgba(48,131,220,.35);
}
body.b105-guide-page .content-col a:hover{color:#fff; border-bottom-color:#fff;}
body.b105-guide-page .content-col ul,
body.b105-guide-page .content-col ol{margin:0 0 1.35em; padding-left:22px;}
body.b105-guide-page .content-col li{margin:0 0 .55em;}
body.b105-guide-page .content-col li::marker{color:var(--ga-muted);}

/* --- tables as cards, hairline grid -------------------------------------- */
body.b105-guide-page .content-col table{
	width:100%; margin:26px 0; border-collapse:collapse;
	background:var(--ga-surface);
	border:1px solid var(--ga-line); border-radius:var(--ga-radius);
	overflow:hidden; font-size:15px;
}
body.b105-guide-page .content-col th{
	background:var(--ga-surface-2); color:var(--ga-text);
	font-weight:600; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
	text-align:left; padding:12px 16px; border-bottom:1px solid var(--ga-line);
}
body.b105-guide-page .content-col td{
	padding:12px 16px; border-bottom:1px solid var(--ga-line); color:var(--ga-body);
}
body.b105-guide-page .content-col tr:last-child td{border-bottom:0;}

/* --- callout: one accent edge, not a box round everything ---------------- */
body.b105-guide-page .content-col blockquote{
	margin:26px 0; padding:18px 22px;
	background:var(--ga-blue-dim);
	border:1px solid rgba(48,131,220,.22);
	border-left:3px solid var(--ga-blue);
	border-radius:var(--ga-radius);
	color:var(--ga-body); font-style:normal;
}
body.b105-guide-page .content-col blockquote p:last-child{margin-bottom:0;}

/* --- native disclosure groups (FAQ blocks in legacy copy) ---------------- */
body.b105-guide-page .content-col details{
	margin:10px 0; background:var(--ga-surface);
	border:1px solid var(--ga-line); border-radius:var(--ga-radius);
}
body.b105-guide-page .content-col details summary{
	padding:14px 18px; cursor:pointer; color:var(--ga-text); font-weight:600; font-size:15.5px;
}
body.b105-guide-page .content-col details[open] summary{background:var(--ga-surface-2);}
body.b105-guide-page .content-col details > *:not(summary){padding:0 18px 16px;}

/* --- media --------------------------------------------------------------- */
body.b105-guide-page .content-col img{
	max-width:100%; height:auto; border-radius:var(--ga-radius);
	border:1px solid var(--ga-line); display:block;
}
body.b105-guide-page .content-col figure{margin:26px 0;}
body.b105-guide-page .content-col figcaption{
	margin-top:9px; font-size:13px; color:var(--ga-muted);
}

/* --- page head ----------------------------------------------------------- */
/* The breadcrumb above already names the section, so the page head is the
   headline and the lede and nothing else. Indenting it by the rail puts the
   headline, the lede and every H2 on one left edge.

   This is the template-post-article.php head only. template-article.php opens
   with .hero-box, a designed two-column hero that spans the whole shell and
   needs no help; .hero-title inside it is deliberately untouched. */
body.b105-guide-page .entry-title{
	font-size:clamp(28px,4.4vw,42px); line-height:1.12; font-weight:700;
	letter-spacing:-.02em; color:var(--ga-text);
	margin-left:calc(var(--ga-rail) + var(--ga-gutter));
	max-width:17ch; padding-top:40px; margin-bottom:30px;
}
body.b105-guide-page .hero-label{
	font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
	color:var(--ga-blue);
}

/* --- table of contents --------------------------------------------------- */
body.b105-guide-page .toc-sticky{
	background:var(--ga-surface); border:1px solid var(--ga-line);
	border-radius:var(--ga-radius); padding:18px 18px 14px;
}
body.b105-guide-page .toc-header{
	font-size:11.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
	color:var(--ga-muted); margin-bottom:12px;
}
body.b105-guide-page .toc-list{margin:0; padding:0; list-style:none;}
body.b105-guide-page .toc-list li{margin:0 0 9px; font-size:13.5px; line-height:1.45;}
body.b105-guide-page .toc-list a{color:var(--ga-muted); text-decoration:none;}
body.b105-guide-page .toc-list a:hover{color:#fff;}

/* --- related guides (appended by b105_guides_related_block) -------------- */
.b105-rel{
	max-width:none;
	margin:56px 0 0; padding-top:30px; border-top:1px solid var(--ga-line);
}
.b105-rel__eyebrow{
	display:block; margin:0 0 14px;
	font-size:11.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
	color:var(--ga-muted);
}
.b105-rel__grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin:0 0 16px; padding:0; list-style:none;}
.b105-rel__grid li{margin:0;}
.b105-rel__grid a{
	display:block; padding:13px 15px;
	background:var(--ga-surface); border:1px solid var(--ga-line);
	border-radius:var(--ga-radius);
	font-size:14px; font-weight:500; color:var(--ga-body);
	text-decoration:none; border-bottom:1px solid var(--ga-line);
}
.b105-rel__grid a:hover{background:var(--ga-surface-2); color:#fff; border-color:#333a46;}
.b105-rel__all{
	font-size:13.5px; font-weight:600; color:var(--ga-blue); text-decoration:none;
	border-bottom:0;
}
.b105-rel__all:hover{color:#fff;}

/* The global article CSS already collapses .page-grid below 1100px; these
   restate that for the grid layout and move the contents list above the body. */
@media (max-width:1100px){
	body.b105-guide-page .page-grid,
	body.b105-guide-calc .page-grid{grid-template-columns:minmax(0,1fr); row-gap:40px;}
	body.b105-guide-page .sidebar-col,
	body.b105-guide-calc .sidebar-col{
		position:static; order:-1; max-height:none; overflow:visible;
	}
	body.b105-guide-calc .calculator-col .toc-sticky{position:static;}
	body.b105-guide-calc .sidebar-col,
	body.b105-guide-calc .content-col,
	body.b105-guide-calc .calculator-col{grid-column:1; grid-row:auto;}
	body.b105-guide-page .sidebar-col .toc-sticky{
		border-left:0;
		border-bottom:1px solid var(--ga-line);
		padding:0 0 26px;
	}
	body.b105-guide-page .article-wrapper{padding:0 20px;}
	body.b105-guide-page .entry-title{margin-left:0; max-width:24ch;}
	body.b105-guide-page .post-featured-image{margin-left:0; max-width:none;}
	body.b105-guide-page .post-featured-cta{margin-left:0;}
}

@media (max-width:760px){
	body.b105-guide-page .content-col{font-size:16.5px;}
	body.b105-guide-page .content-col h2{margin:44px 0 14px; padding-top:24px;}
	body.b105-guide-page .article-wrapper{padding:0 16px;}
	body.b105-guide-page .entry-title{padding-top:26px; margin-bottom:20px; max-width:none;}
	body.b105-guide-page .page-grid{padding-bottom:56px;}
	body.b105-guide-page .content-col table{display:block; overflow-x:auto;}
	.b105-proof{margin:24px 0 28px;}
	.b105-proof > div{padding:14px 15px;}
	.b105-rel__grid{grid-template-columns:1fr;}
	.b105-rel{margin-top:44px;}
}

/* The strips carry five facts. auto-fit lays them out as many-per-row as will
   fit, which is right at 5 across but strands the fifth whenever the row holds
   2, 3 or 4 - measured as an orphan with an empty cell at 430px, at 768px and
   again around 1200px. Five across needs roughly 1244px of viewport, so below
   that the strip drops to two columns and the odd last item spans the row.
   Above it, nothing changes: the large-desktop rendering is untouched, and the
   alternative - inventing a sixth claim to fill the hole - is not on. */
@media (max-width:1249.98px){
	.b105-proof{grid-template-columns:repeat(2,1fr);}
	.b105-proof > div:last-child:nth-child(odd){grid-column:1 / -1;}
}

@media (max-width:400px){
	.b105-proof{grid-template-columns:1fr;}
}

/* ===========================================================================
   DEFAULT-TEMPLATE GUIDES

   37 of the 229 guides are pages on the default page template. They have no
   .article-wrapper, no .page-grid and no .content-col, so every rule above
   missed them and they rendered as raw Blocksy: .entry-content at the full
   2844px of the display, 35px headings over 16px body text, and - on 21 of
   them - no <h1> at all. /bet105-betting-limits/ opened mid-sentence with
   "Answer: Bet105's limits are fully transparent" and nothing above it.

   The selector is .site-main .entry-content, not .entry-content: the Blocksy
   header has an .entry-content of its own for its HTML elements, and that one
   holds the Log In / Join Now buttons.

   The <h1> itself is supplied by b105_guides_supply_missing_h1() against an
   audited list of 21 page IDs. See the note on that function for why it is a
   list and not a rule.
   =========================================================================== */

body.b105-guide-page .site-main .entry-content{
	max-width:1320px;
	margin-inline:auto;
	padding:0 28px 80px;
	color:var(--ga-body);
	font-size:17px;
	line-height:1.75;
}
/* Blocksy's block-layout utility sets margin-left:auto !important on every
   child of .is-layout-constrained. Left alone that centres each element inside
   the shell, and because headings and paragraphs are capped at different
   widths they each centre to a different left edge - the text came out with a
   ragged left margin. One !important, scoped to guide pages only, is what puts
   the whole column back on a single edge, flush with the breadcrumb above. */
body.b105-guide-page .site-main .entry-content > *{
	max-width:var(--ga-measure);
	margin-left:0 !important;
	margin-right:auto !important;
}
/* Modules run the full width of the shell rather than the prose measure. */
body.b105-guide-page .site-main .entry-content > table,
body.b105-guide-page .site-main .entry-content > figure,
body.b105-guide-page .site-main .entry-content > .b105-proof,
body.b105-guide-page .site-main .entry-content > .b105-rel,
body.b105-guide-page .site-main .entry-content > .rp4wp-related-posts{
	max-width:none;
}

/* The headline these pages were missing. */
body.b105-guide-page .b105-guide-title{
	font-size:clamp(28px,4.4vw,42px); line-height:1.12; font-weight:700;
	letter-spacing:-.02em; color:var(--ga-text);
	max-width:17ch; padding-top:40px; margin:0 0 28px;
}
/* The sentence after it is the answer, so it reads as the lede. */
body.b105-guide-page .b105-guide-title + p{
	margin:0 0 32px; padding-bottom:28px;
	border-bottom:1px solid var(--ga-line);
	max-width:62ch;
	font-size:clamp(17.5px,2.1vw,20px); line-height:1.6;
	color:var(--ga-muted);
}
body.b105-guide-page .b105-guide-title + p strong{color:var(--ga-text);}

body.b105-guide-page .site-main .entry-content h2{
	position:relative;
	margin:56px 0 16px; padding-top:30px;
	font-size:clamp(22px,3.2vw,30px);
	font-weight:700; letter-spacing:-.015em; line-height:1.2;
	color:var(--ga-text); border:0;
}
body.b105-guide-page .site-main .entry-content h2::before{
	content:""; position:absolute; top:0; left:0; right:0;
	height:1px; background:var(--ga-line);
}
body.b105-guide-page .site-main .entry-content h3{
	margin:34px 0 10px; font-size:19px; font-weight:600;
	letter-spacing:-.01em; color:var(--ga-text);
}
body.b105-guide-page .site-main .entry-content p{margin:0 0 1.35em;}
body.b105-guide-page .site-main .entry-content strong{color:var(--ga-text); font-weight:600;}
body.b105-guide-page .site-main .entry-content ul,
body.b105-guide-page .site-main .entry-content ol{margin:0 0 1.35em; padding-left:22px;}
body.b105-guide-page .site-main .entry-content li{margin:0 0 .55em;}
body.b105-guide-page .site-main .entry-content li::marker{color:var(--ga-muted);}
body.b105-guide-page .site-main .entry-content a{
	color:var(--ga-blue); text-decoration:none;
	border-bottom:1px solid rgba(48,131,220,.35);
}
body.b105-guide-page .site-main .entry-content a:hover{color:#fff; border-bottom-color:#fff;}
body.b105-guide-page .site-main .entry-content table{
	width:100%; margin:26px 0; border-collapse:collapse;
	background:var(--ga-surface);
	border:1px solid var(--ga-line); border-radius:var(--ga-radius);
	overflow:hidden; font-size:15px;
}
body.b105-guide-page .site-main .entry-content th{
	background:var(--ga-surface-2); color:var(--ga-text);
	font-weight:600; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
	text-align:left; padding:12px 16px; border-bottom:1px solid var(--ga-line);
}
body.b105-guide-page .site-main .entry-content td{
	padding:12px 16px; border-bottom:1px solid var(--ga-line); color:var(--ga-body);
}
body.b105-guide-page .site-main .entry-content tr:last-child td{border-bottom:0;}

/* The inline JSON-LD block is printed inside a <p>; it has no business taking
   up a paragraph's worth of margin. */
body.b105-guide-page .site-main .entry-content > p:has(> script){margin:0;}

@media (max-width:1100px){
	body.b105-guide-page .site-main .entry-content{padding:0 20px 64px;}
	body.b105-guide-page .b105-guide-title{max-width:24ch;}
}
@media (max-width:760px){
	body.b105-guide-page .site-main .entry-content{padding:0 16px 48px; font-size:16.5px;}
	body.b105-guide-page .site-main .entry-content h2{margin:44px 0 14px; padding-top:24px;}
	body.b105-guide-page .site-main .entry-content table{display:block; overflow-x:auto;}
	body.b105-guide-page .b105-guide-title{padding-top:26px; margin-bottom:20px; max-width:none;}
}

@media (prefers-reduced-motion:reduce){
	body.b105-guide-page *{transition:none !important;}
}