/* Boki - Kitchen table. One file. Sections: base, chrome, article header, fields, blocks, listings, hubs, home. */

:root { --radius: 22px; --radius-sm: 14px; --gutter: clamp(16px, 4cqi, 56px); --measure: 720px; --measure-wide: 880px; }
body { font-family: var(--wp--preset--font-family--prose); }
.wp-site-blocks { container-type: inline-size; }
.boki-wrap { padding-inline: var(--gutter); }
.boki-display { font-family: var(--wp--preset--font-family--display); font-weight: 800; letter-spacing: -0.025em; line-height: 1.08; text-wrap: pretty; }
.boki-mono { font-family: var(--wp--preset--font-family--mono); }

/* Chrome */
.boki-header { border-bottom: 1px solid var(--wp--preset--color--hairline); padding: 14px var(--gutter); }
.boki-nav .wp-block-navigation__container { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.boki-nav .wp-block-navigation-item__content { min-height: 44px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 999px; white-space: nowrap; font-family: var(--wp--preset--font-family--display); font-size: 16px; font-weight: 500; text-decoration: none; }
.boki-nav .current-menu-item .wp-block-navigation-item__content { font-weight: 800; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.boki-footer { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); padding: 48px var(--gutter); margin-top: 72px; }
.boki-footer a { color: inherit; }
.boki-footer .wp-block-columns { gap: 32px; }

/* Article header */
.boki-article { padding: 32px var(--gutter) 0; }
.boki-article-head { max-width: var(--measure-wide); margin-inline: auto; display: flex; flex-direction: column; gap: 14px; }
.boki-pill { align-self: flex-start; display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; border-radius: 999px; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 15px; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); text-decoration: none; }
.boki-pill.is-country { background: var(--country, var(--wp--preset--color--ink)); color: var(--country-text, var(--wp--preset--color--page)); }
.boki-pill.is-outline { background: transparent; color: var(--wp--preset--color--ink); border: 1.5px solid var(--wp--preset--color--ink); }
.boki-pill.is-friday { background: var(--wp--preset--color--friday); color: var(--wp--preset--color--ink); }
.boki-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.boki-article-head .wp-block-post-title { margin: 0; font-size: var(--wp--preset--font-size--x-large); line-height: 1; letter-spacing: -0.03em; }
.boki-article-head .wp-block-post-excerpt__excerpt { font-size: var(--wp--preset--font-size--medium); line-height: 1.45; color: var(--wp--preset--color--secondary); margin: 0; }
.boki-dateline { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 15px; color: var(--wp--preset--color--tertiary); }
.boki-dateline .wp-block-post-date { font-size: inherit; }
.boki-hero { max-width: var(--measure-wide); margin: 24px auto 0; }
.boki-hero img { width: 100%; height: auto; border-radius: var(--radius); display: block; }
.boki-article .entry-content, .boki-body { max-width: var(--measure); margin-inline: auto; }
.boki-article .entry-content > * + * { margin-top: 20px; }
.boki-article .entry-content h2 { margin-top: 36px; }
.boki-article .entry-content p { font-size: var(--wp--preset--font-size--base); line-height: 1.6; text-wrap: pretty; }

/* Fields: what arrives, when it lands */
.boki-arrives { max-width: var(--measure-wide); margin: 28px auto 0; display: grid; gap: 10px; }
.boki-arrives-card { background: var(--country, var(--wp--preset--color--ink)); color: var(--country-text, var(--wp--preset--color--page)); border-radius: 24px; padding: clamp(20px, 3cqi, 32px); display: flex; flex-direction: column; gap: 6px; }
.boki-arrives-card .boki-send { font-size: 15px; opacity: .85; }
.boki-arrives-card .boki-received { font-family: var(--wp--preset--font-family--mono); font-weight: 600; font-size: clamp(36px, 6cqi, 72px); line-height: 1; }
.boki-arrives-card .boki-to { font-size: 17px; }
.boki-costs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.boki-cost { border-radius: 20px; padding: 18px 20px; display: flex; flex-direction: column; gap: 4px; }
.boki-cost.is-apps { background: var(--wp--preset--color--good); }
.boki-cost.is-bank { background: var(--wp--preset--color--warning); }
.boki-cost .boki-cost-label { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 15px; }
.boki-cost .boki-cost-value { font-family: var(--wp--preset--font-family--mono); font-weight: 600; font-size: 28px; }
.boki-cost .boki-cost-note { font-size: 15px; color: var(--wp--preset--color--secondary); }
.boki-times { background: var(--wp--preset--color--card); border-radius: 20px; overflow: hidden; }
.boki-times-label { padding: 12px 16px 0; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 15px; color: var(--wp--preset--color--tertiary); }
.boki-times-row { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 16px; border-top: 1px solid var(--wp--preset--color--hairline); }
.boki-times-row:first-child { border-top: 0; }
.boki-times-row:last-child { background: var(--wp--preset--color--good); }
.boki-times-row .boki-time { font-family: var(--wp--preset--font-family--mono); font-weight: 600; font-size: 22px; }
.boki-times-row .boki-place { font-size: 13px; color: var(--wp--preset--color--tertiary); font-family: var(--wp--preset--font-family--mono); }

/* Blocks (classes from blocks-content-filter.php) */
.boki-callout { border-radius: 20px; padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; }
.boki-callout p { margin: 0; color: var(--wp--preset--color--ink); }
.boki-callout-label { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 15px; }
.boki-tip { background: var(--wp--preset--color--good); } .boki-tip .boki-callout-label { color: var(--wp--preset--color--good-text); }
.boki-catch { background: var(--wp--preset--color--warning); } .boki-catch .boki-callout-label { color: var(--wp--preset--color--warning-text); }
.boki-quote { margin: 4px 0; max-width: 560px; background: #ece3d4; border-radius: 20px 20px 20px 4px; padding: 16px 20px; border: 0; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: var(--wp--preset--font-size--medium); line-height: 1.35; }
.boki-quote p { margin: 0; font: inherit; }
ul.boki-tiles, ul.boki-situations, ol.boki-steps, ul.boki-chips { list-style: none; padding: 0; margin: 0; }
ul.boki-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
ul.boki-tiles li, ul.boki-situations li { background: var(--wp--preset--color--card); border-radius: 20px; padding: 18px 20px; font-size: 16.5px; line-height: 1.5; }
ul.boki-tiles li strong, ul.boki-situations li strong { display: block; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 19px; line-height: 1.2; margin-bottom: 4px; }
ul.boki-situations { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
ul.boki-tiles li.is-warning, ul.boki-situations li.is-warning { background: var(--wp--preset--color--warning); }
ul.boki-tiles li.is-warning strong, ul.boki-situations li.is-warning strong { color: var(--wp--preset--color--warning-text); }
ul.boki-situations li.is-pick { background: var(--wp--preset--color--good); }
ol.boki-steps { display: flex; flex-direction: column; gap: 8px; counter-reset: step; }
ol.boki-steps li { counter-increment: step; background: var(--wp--preset--color--card); border-radius: 20px; padding: 16px 20px; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; align-items: start; }
ol.boki-steps li::before { content: counter(step); font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 40px; line-height: 1; color: var(--wp--preset--color--warning-text); }
ul.boki-chips { display: flex; flex-wrap: wrap; gap: 8px; }
ul.boki-chips li { min-height: 40px; display: inline-flex; align-items: center; border: 1.5px solid var(--wp--preset--color--ink); border-radius: 999px; padding: 0 14px; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 15px; }
.boki-checked { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.boki-checked-tile { background: var(--wp--preset--color--card); border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; }
.boki-checked-app { font-family: var(--wp--preset--font-family--mono); font-size: 13px; color: var(--wp--preset--color--tertiary); }
.boki-checked-time { font-family: var(--wp--preset--font-family--mono); font-weight: 600; font-size: 22px; }
.boki-dial { display: inline-flex; align-items: center; min-height: 40px; padding: 4px 14px; margin: 2px 0; border-radius: 999px; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); font-family: var(--wp--preset--font-family--mono); font-weight: 600; font-size: 18px; text-decoration: none; vertical-align: middle; }
.boki-toc { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.boki-toc span { width: 100%; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 15px; color: var(--wp--preset--color--tertiary); }
.boki-toc a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; background: var(--wp--preset--color--card); text-decoration: none; font-size: 15px; }
.boki-corrections { margin-top: 36px; border-top: 1px solid var(--wp--preset--color--hairline); padding-top: 16px; font-size: 15px; color: var(--wp--preset--color--secondary); }
.boki-corrections summary { cursor: pointer; font-family: var(--wp--preset--font-family--display); }
.boki-corrections ul { padding-left: 20px; }

/* Share message (field) */
.boki-share { max-width: var(--measure); margin: 36px auto 0; }
.boki-share-bubble { background: var(--wp--preset--color--good); border-radius: 20px 20px 4px 20px; padding: 18px 20px; white-space: pre-line; font-size: 17px; line-height: 1.5; }
.boki-share .wp-block-buttons { margin-top: 12px; }

/* Cards and lists (listings, related, hubs, home) */
.boki-section { max-width: 1200px; margin: 48px auto 0; padding-inline: var(--gutter); display: flex; flex-direction: column; gap: 16px; }
.boki-section-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; }
.boki-section-head h2 { margin: 0; }
.boki-section-lede { margin: 0; color: var(--wp--preset--color--secondary); font-size: var(--wp--preset--font-size--medium); }
.boki-list .wp-block-post-template { display: flex; flex-direction: column; gap: 0; }
.boki-list .wp-block-post { display: flex; flex-direction: column; gap: 4px; padding: 14px 0; border-top: 1px solid var(--wp--preset--color--hairline); }
.boki-list .wp-block-post-title { font-size: var(--wp--preset--font-size--medium); line-height: 1.25; margin: 0; }
.boki-list .wp-block-post-title a { text-decoration: none; }
.boki-list .wp-block-post-date { font-size: 14px; color: var(--wp--preset--color--tertiary); }
.boki-card { background: var(--wp--preset--color--card); border-radius: var(--radius); padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.boki-card.is-ink { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); }
.boki-card.is-ink a { color: inherit; }
.boki-card .wp-block-post-featured-image img { border-radius: var(--radius-sm); }
.boki-hub-links { max-width: var(--measure); margin: 36px auto 0; display: flex; flex-direction: column; gap: 10px; }
.boki-hub-links .boki-card { flex-direction: row; justify-content: space-between; align-items: center; text-decoration: none; }
.boki-related { max-width: var(--measure); margin: 36px auto 0; }
.boki-index .wp-block-post-template { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.boki-index .wp-block-post { background: var(--country); color: var(--country-text); border-radius: var(--radius); padding: 20px; min-height: 150px; display: flex; flex-direction: column; gap: 12px; }
.boki-index .wp-block-post-title { font-size: 26px; margin: 0; } .boki-index .wp-block-post-title a { color: inherit; text-decoration: none; }
.boki-index .wp-block-post-excerpt__excerpt { font-size: 15px; margin: 0; }

/* Friday Number header */
.boki-friday-head { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); border-radius: 0 0 24px 24px; padding: 32px var(--gutter) 28px; }
.boki-friday-head > * { max-width: var(--measure-wide); margin-inline: auto; }
.boki-friday-head .wp-block-post-title, .boki-friday-head .wp-block-post-excerpt__excerpt { color: inherit; }
.boki-friday-table { margin-top: 20px; }

/* Hub landing */
.boki-hub-head { max-width: var(--measure-wide); margin-inline: auto; display: flex; flex-direction: column; gap: 14px; padding: 32px var(--gutter) 0; }
.boki-hub-body { max-width: var(--measure); margin-inline: auto; }
.boki-hub-body .entry-content p strong a { display: block; }

/* Phone */
@container (max-width: 480px) {
  .boki-ranked-row { grid-template-columns: 36px minmax(0, 1fr); }
  .boki-app { font-size: 20px; }
  .boki-arrives-card .boki-received { font-size: 40px; }
}

/* Related loops: show only the relation that fits the page */
.single-destination .boki-related-hub, .single-destination .boki-related-provider,
.single-post .boki-related-country, .single-post .boki-related-provider,
.single-provider .boki-related-country, .single-provider .boki-related-hub { display: none; }

/* Hub landing: the arrival card only on between-systems */
.page-transfer-help .boki-hub-links, .page-arrival .boki-hub-links { display: none; }

/* ===== Homepage (ported from BokiHome.dc.html) ===== */
.boki-home { max-width: 1200px; margin: 0 auto !important; padding: 0 var(--gutter); font-family: var(--wp--preset--font-family--display); }
.boki-home > * + * { margin-top: 0; }
.boki-home-hero { padding-top: 28px; display: flex; flex-direction: column; gap: 16px; }
.boki-home-h1 { margin: 0; font: 800 clamp(40px, 5cqi + 22px, 84px)/.95 var(--wp--preset--font-family--display); letter-spacing: -.04em; }
.boki-home-tiles .wp-block-post-template { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 10px; margin: 0; padding: 0; }
.boki-home-tiles .wp-block-post { position: relative; background: var(--country, #2a1f17); color: var(--country-text, #fff); border-radius: 22px; padding: 18px; min-height: 176px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; margin: 0; }
.boki-tile-name { margin: 0; font: 800 clamp(24px, 1.2cqi + 20px, 32px)/1 var(--wp--preset--font-family--display); letter-spacing: -.02em; }
.boki-tile-answer, .boki-tile-answer p { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: 15px; line-height: 1.35; }
.boki-tile-answer .wp-block-post-excerpt__more-text { display: none; }
.boki-stretch { position: absolute; inset: 0; font-size: 0; color: transparent; border-radius: inherit; }
.boki-stretch:focus-visible { outline: 3px solid var(--wp--preset--color--ink); }
.boki-home-chiprow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.boki-home-chips, .boki-home-chips .wp-block-post-template { display: contents; }
.boki-home-chips .wp-block-post { position: relative; min-height: 44px; display: flex; align-items: center; border: 1.5px solid var(--wp--preset--color--ink); border-radius: 999px; padding: 0 16px; margin: 0; }
.boki-chip-name { margin: 0; font-size: 16px; font-weight: 600; white-space: nowrap; }
.boki-btn { margin: 0; }
.boki-btn a { min-height: 44px; display: inline-flex; align-items: center; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); border-radius: 999px; padding: 0 18px; font-family: var(--wp--preset--font-family--display); font-size: 16px; font-weight: 700; text-decoration: none; }
.boki-home-hubs { padding-top: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; }
.boki-hubcard { background: var(--wp--preset--color--card); border-radius: 24px; padding: clamp(18px, 2.4cqi, 28px); display: flex; flex-direction: column; gap: 12px; }
.boki-hubcard > * { margin: 0 !important; }
.boki-hubcard h2 { font: 800 clamp(28px, 1.4cqi + 22px, 38px)/1 var(--wp--preset--font-family--display); letter-spacing: -.03em; }
.boki-hubcard-lede { font-family: var(--wp--preset--font-family--prose); font-size: 17px; line-height: 1.5; color: var(--wp--preset--color--secondary); }
.boki-rows .wp-block-post-template { margin: 0; padding: 0; display: flex; flex-direction: column; }
.boki-rows .wp-block-post { margin: 0; border-top: 1px solid var(--wp--preset--color--hairline); }
.boki-rows .wp-block-post-title { margin: 0; font: 700 18px/1.25 var(--wp--preset--font-family--display); letter-spacing: 0; }
.boki-rows .wp-block-post-title a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 56px; padding: 12px 0; text-decoration: none; color: var(--wp--preset--color--ink); }
.boki-rows .wp-block-post-title a::after { content: "→"; flex: none; }
.boki-hubcard .boki-btn { align-self: flex-start; }
.boki-hubcard .boki-btn a { min-height: 48px; padding: 0 20px; }
.boki-home-latest { padding-top: 40px; display: flex; flex-direction: column; gap: 6px; }
.boki-home-latest > h2 { margin: 0 0 6px; font: 800 clamp(28px, 1.4cqi + 22px, 38px)/1 var(--wp--preset--font-family--display); letter-spacing: -.03em; }
.boki-featured .wp-block-post-template { margin: 0; padding: 0; }
.boki-featured .wp-block-post { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); background: var(--wp--preset--color--card); border-radius: 24px; overflow: hidden; margin: 0 0 10px; }
.boki-featured-img { margin: 0; min-height: 200px; }
.boki-featured-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.boki-featured-text { padding: clamp(18px, 2.4cqi, 28px); display: flex; flex-direction: column; gap: 10px; }
.boki-featured-text > * { margin: 0 !important; }
.boki-featured-text .wp-block-post-title { font: 800 clamp(24px, 1.2cqi + 20px, 34px)/1.08 var(--wp--preset--font-family--display); letter-spacing: -.02em; }
.boki-featured-text .wp-block-post-title a, .boki-latest-rows .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.boki-featured-text .wp-block-post-excerpt p { margin: 0; font-family: var(--wp--preset--font-family--prose); font-size: 16px; line-height: 1.5; color: var(--wp--preset--color--secondary); }
.boki-featured-text .wp-block-post-date, .boki-latest-rows .wp-block-post-date { font-size: 14px; color: var(--wp--preset--color--tertiary); }
.boki-minipill { align-self: flex-start; display: inline-block; margin: 0; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); border-radius: 999px; padding: 3px 10px; font-size: 13px; font-weight: 700; line-height: 1.3; }
.boki-latest-rows .wp-block-post-template { margin: 0; padding: 0; }
.boki-latest-rows .wp-block-post { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; align-items: center; min-height: 64px; padding: 14px 0; border-top: 1px solid #e1d5c2; margin: 0; }
.boki-latest-text { display: flex; flex-direction: column; gap: 6px; }
.boki-latest-text > * { margin: 0 !important; }
.boki-latest-rows .wp-block-post-title { font: 700 clamp(19px, 0.6cqi + 16px, 22px)/1.25 var(--wp--preset--font-family--display); letter-spacing: 0; }
.boki-home-pair { padding: 40px 0 56px; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; }
.boki-home-pair .wp-block-post-template { margin: 0; padding: 0; height: 100%; }
.boki-fridaycard .wp-block-post, .boki-fwdcard .wp-block-post { border-radius: 24px; padding: clamp(20px, 2.6cqi, 32px); display: flex; flex-direction: column; gap: 12px; height: 100%; margin: 0; box-sizing: border-box; }
.boki-fridaycard .wp-block-post > *, .boki-fwdcard .wp-block-post > * { margin: 0 !important; }
.boki-fridaycard .wp-block-post { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); }
.boki-card-label { font-size: 15px; font-weight: 700; }
.boki-fridaycard .boki-card-label { color: var(--wp--preset--color--friday); }
.boki-fridaycard .wp-block-post-title { font: 800 clamp(30px, 1.6cqi + 24px, 44px)/1.02 var(--wp--preset--font-family--display); letter-spacing: -.03em; }
.boki-fridaycard .wp-block-post-title a { color: var(--wp--preset--color--page); text-decoration: none; }
.boki-card-more a { font-size: 16px; font-weight: 700; color: var(--wp--preset--color--friday); text-decoration: none; min-height: 48px; display: inline-flex; align-items: center; }
.boki-fwdcard .wp-block-post { background: oklch(0.92 0.05 45); }
.boki-fwdcard .boki-card-label { color: var(--wp--preset--color--warning-text); }
.boki-fwdcard .wp-block-post-title { font: 800 clamp(26px, 1.2cqi + 22px, 36px)/1.05 var(--wp--preset--font-family--display); letter-spacing: -.02em; }
.boki-fwdcard .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.boki-fwdcard .wp-block-post-excerpt p { font-family: var(--wp--preset--font-family--prose); font-size: 16px; line-height: 1.5; color: #3d3128; margin: 0; }
.boki-fwdcard .wp-block-button, .boki-fwdcard .wp-block-button__link { width: 100%; }
.boki-fwdcard .wp-block-button__link { min-height: 56px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.boki-home-hubs > *, .boki-home-pair > * { margin: 0 !important; }

/* ===== Destinations index (ported from BokiDestinations.dc.html) ===== */
.boki-index-page { padding-bottom: 56px; }
.boki-country-search, input.boki-country-search[type=search] { border: 1.5px solid var(--wp--preset--color--ink) !important; border-radius: 999px !important; width: 100%; max-width: 420px; min-height: 52px; border: 1.5px solid var(--wp--preset--color--ink); border-radius: 999px; padding: 0 20px; background: var(--wp--preset--color--card); font: 500 18px var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); box-sizing: border-box; }
.boki-country-count { margin: 0; font-size: 14px; color: var(--wp--preset--color--tertiary); }
.boki-index-tiles .wp-block-post-template { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.boki-index-tiles .wp-block-post { min-height: 150px; justify-content: flex-start; gap: 12px; }
.boki-index-tiles .wp-block-post[hidden] { display: none; }
.boki-search-empty { background: var(--wp--preset--color--card); border-radius: 22px; padding: 22px; }

/* ===== Article (ported from BokiArticle.dc.html) ===== */
.boki-article { padding: 24px var(--gutter) 0; max-width: none; }
.boki-article > * { max-width: 880px; margin-left: auto !important; margin-right: auto !important; }
.boki-article > .wp-block-post-content { max-width: 720px; }
.boki-article-head { display: flex; flex-direction: column; gap: 14px; text-align: left; }
.boki-article-head > * { margin: 0 !important; }
.boki-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.boki-pills > * { margin: 0 !important; }
.boki-pill { padding: 5px 14px; min-height: 0; line-height: 1.3; }
.boki-pill:empty { display: none; }
.boki-article-head .wp-block-post-title { font: 800 clamp(34px, 3.6cqi + 20px, 64px)/1 var(--wp--preset--font-family--display); letter-spacing: -.035em; text-align: left; }
.boki-article-head .wp-block-post-excerpt { margin: 0; }
.boki-article-head .wp-block-post-excerpt__excerpt { font-family: var(--wp--preset--font-family--prose); font-size: clamp(19px, 0.8cqi + 16px, 22px); line-height: 1.4; color: var(--wp--preset--color--secondary); margin: 0; }
.boki-article-head .wp-block-post-excerpt__more-text { display: none; }
.boki-dateline { display: flex; flex-wrap: wrap; gap: 0; justify-content: flex-start; font-size: 15px; color: var(--wp--preset--color--tertiary); }
.boki-dateline > * { margin: 0 !important; }
.boki-dateline .wp-block-post-date + .wp-block-post-date::before { content: " · "; white-space: pre; }
.boki-arrives { margin-top: 12px !important; background: var(--country, var(--wp--preset--color--ink)); color: var(--country-text, var(--wp--preset--color--page)); border-radius: 24px; padding: clamp(20px, 3cqi, 32px); display: flex; flex-direction: column; gap: 8px; text-align: left; }
.boki-arrives > * { margin: 0 !important; }
.boki-send { font-size: 16px; font-weight: 700; }
.boki-send::before { content: "You send "; }
.boki-received { font: 800 clamp(48px, 4cqi + 30px, 72px)/1 var(--wp--preset--font-family--display) !important; letter-spacing: -.035em; }
.boki-to { font-size: 16px; }
.boki-to::before { content: "in the "; }
.boki-costs { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; padding-top: 8px; }
.boki-costs > * { margin: 0 !important; }
.boki-cost { border-radius: 16px; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; color: var(--wp--preset--color--ink); text-align: left; }
.boki-cost > * { margin: 0 !important; }
.boki-cost .boki-cost-label { font-family: var(--wp--preset--font-family--display); font-size: 14px; font-weight: 700; }
.boki-cost .boki-cost-value { font: 800 28px var(--wp--preset--font-family--display); }
.boki-cost.is-bank .boki-cost-value { color: var(--wp--preset--color--warning-text); }
.boki-cost .boki-cost-note { font-size: 14px; line-height: 1.35; color: var(--wp--preset--color--secondary); }
.boki-times { margin-top: 16px !important; background: var(--wp--preset--color--card); border-radius: 22px; padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; }
.boki-times-label { padding: 0; font: 800 20px var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
.boki-times-row { grid-template-columns: 110px minmax(0, 1fr); border: 1px solid var(--wp--preset--color--hairline); border-top: 0; }
.boki-times-row:first-of-type { border-top: 1px solid var(--wp--preset--color--hairline); border-radius: 16px 16px 0 0; }
.boki-times-row:last-child { border-radius: 0 0 16px 16px; }
.boki-times-row .boki-place { font: 700 13px var(--wp--preset--font-family--display); }
.boki-times-row .boki-time { font: 600 24px var(--wp--preset--font-family--mono); }
.boki-hero, .boki-article .wp-block-post-featured-image { margin-top: 16px !important; }
.boki-article .wp-block-post-featured-image img { aspect-ratio: 16/8; object-fit: cover; border-radius: 22px; }
.boki-share-top .wp-block-button, .boki-share-top .wp-block-button__link { width: 100%; }
.boki-share-top .wp-block-button__link { min-height: 56px; display: flex; justify-content: space-between; align-items: center; padding: 0 24px; font-size: 18px; font-weight: 700; }
.boki-share-top .wp-block-button__link::after { content: "→"; }
.boki-article .wp-block-post-content { padding-top: 16px; }
.boki-toc { flex-direction: row; gap: 8px; margin: 0 0 8px !important; }
.boki-toc span { font: 700 14px var(--wp--preset--font-family--display); color: var(--wp--preset--color--tertiary); }
.boki-toc a { min-height: 44px; border: 1.5px solid var(--wp--preset--color--ink); background: transparent; padding: 0 16px; font: 600 15px var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
.boki-article .entry-content h2 { font: 800 clamp(27px, 2.2cqi + 18px, 36px)/1.08 var(--wp--preset--font-family--display); letter-spacing: -.025em; margin-top: 28px; }
.boki-article .entry-content h3 { font: 800 22px/1.2 var(--wp--preset--font-family--display); }
.boki-article .entry-content p, .boki-article .entry-content li { font-family: var(--wp--preset--font-family--prose); font-size: clamp(17px, 0.6cqi + 15px, 18.5px); line-height: 1.6; color: #3d3128; }
.boki-corrections { margin-top: 24px !important; border-top: 1.5px solid var(--wp--preset--color--ink); padding-top: 16px; display: flex; flex-direction: column; gap: 12px; }
.boki-corrections summary { list-style: none; cursor: default; pointer-events: none; }
.boki-corrections summary::-webkit-details-marker { display: none; }
.boki-corrections summary strong { font: 800 20px var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
.boki-corrections ul { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-direction: column; gap: 12px; }
.boki-corrections li, .boki-corrections p { font-size: 15.5px !important; line-height: 1.55; color: var(--wp--preset--color--secondary) !important; }
.boki-corrections li strong { display: block; font: 500 13px var(--wp--preset--font-family--mono); color: var(--wp--preset--color--tertiary); }
.boki-hub-links { max-width: 720px !important; margin-top: 24px !important; display: flex; flex-direction: column; gap: 10px; }
.boki-hub-links > * { margin: 0 !important; }
.boki-arrival-card a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 64px; background: var(--wp--preset--color--card); border-radius: 20px; padding: 14px 20px; color: var(--wp--preset--color--ink); text-decoration: none; font-size: 22px; }
.boki-arrival-card a > span:first-child { display: flex; flex-direction: column; gap: 2px; }
.boki-arrival-kicker { font: 700 14px var(--wp--preset--font-family--display); color: var(--wp--preset--color--tertiary); }
.boki-arrival-title { font: 800 21px var(--wp--preset--font-family--display); }
.boki-outline-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.boki-outline-pills a { min-height: 44px; display: inline-flex; align-items: center; border: 1.5px solid var(--wp--preset--color--ink); border-radius: 999px; padding: 0 16px; font: 600 15px var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); text-decoration: none; }
.boki-related { padding: 32px 0 48px; margin-top: 0 !important; }
.boki-related > * { margin: 0 !important; }
.boki-related .wp-block-query { display: flex; flex-direction: column; gap: 14px; }
.boki-related .wp-block-query > h2 { margin: 0; font: 800 clamp(26px, 1.6cqi + 20px, 36px)/1 var(--wp--preset--font-family--display); letter-spacing: -.025em; }
.boki-related .wp-block-post-template { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 0; padding: 0; }
.boki-related .wp-block-post { position: relative; background: var(--wp--preset--color--card); border-radius: 20px; padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; margin: 0; }
.boki-related .wp-block-post > * { margin: 0; }
.boki-rel-meta { font: 700 13px var(--wp--preset--font-family--display); color: var(--wp--preset--color--tertiary); }
.boki-related .wp-block-post-title { font: 700 19px/1.2 var(--wp--preset--font-family--display); letter-spacing: 0; }
.boki-related .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }

/* ===== Ranked rows (ported from boki-md.js table) ===== */
.boki-ranked { display: flex; flex-direction: column; }
.boki-ranked-row { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px 12px; padding: 18px 0; border-top: 1px solid var(--wp--preset--color--hairline); align-items: start; }
.boki-ranked-row > .boki-rank { grid-row: span 3; font: 800 32px/1 var(--wp--preset--font-family--display); }
.boki-rank-line, .boki-gap-line, .boki-verdict { grid-column: 2; }
.boki-rank-line { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 16px; }
.boki-app { font: 800 24px/1.1 var(--wp--preset--font-family--display); }
.boki-app a { color: inherit; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.boki-amount { font: 600 clamp(20px, 1cqi + 16px, 24px) var(--wp--preset--font-family--mono); }
.boki-gap-line { display: flex; align-items: center; gap: 12px; }
.boki-gap { flex: 1; min-width: 0; min-height: 12px; display: flex; align-items: center; }
.boki-gap i { height: 12px; flex: none; border-radius: 999px; background: var(--wp--preset--color--ink); }
.boki-gaptext { flex: none; min-width: 120px; text-align: right; font: 500 14px var(--wp--preset--font-family--mono); color: var(--wp--preset--color--secondary); }
.boki-gap .boki-gaptext.is-most { min-width: 0; text-align: left; display: inline-flex; align-items: center; height: 24px; }
.boki-fee { flex: none; border: 1.5px solid var(--wp--preset--color--secondary); border-radius: 999px; padding: 2px 10px; font: 600 13px var(--wp--preset--font-family--mono); }
.boki-verdict { font-family: var(--wp--preset--font-family--prose); font-size: 15.5px; line-height: 1.5; color: var(--wp--preset--color--secondary); }
.boki-ranked-row.is-warning { background: var(--wp--preset--color--warning); border-radius: 18px; padding: 18px 14px; margin-top: 8px; border-top: 0; }
.boki-ranked-row.is-worst .boki-gap i { background: oklch(0.72 0.14 45); }
/* Friday header band */
.boki-article.is-friday { padding-top: 0; }
.boki-article > .boki-friday-head { max-width: none; margin-left: calc(-1 * var(--gutter)) !important; margin-right: calc(-1 * var(--gutter)) !important; border-radius: 0; padding: 28px var(--gutter) 32px; display: flex; flex-direction: column; gap: 16px; }
.boki-friday-head > * { max-width: 880px; width: 100%; margin: 0 auto !important; box-sizing: border-box; }
.boki-friday-head .boki-pill { align-self: center; width: auto; max-width: 880px; }
.boki-friday-head .boki-pill.is-friday { margin-left: max(0px, calc((100% - 880px) / 2)) !important; align-self: flex-start; }
.boki-friday-head .wp-block-post-title { font: 800 clamp(40px, 5cqi + 22px, 76px)/.95 var(--wp--preset--font-family--display); letter-spacing: -.04em; color: var(--wp--preset--color--page); }
.boki-friday-head .boki-friday-table { border-top: 1px solid #4a3d31; margin-top: 4px !important; }
.boki-friday-head .boki-ranked-row { border-top-color: #4a3d31; }
.boki-friday-head .boki-rank, .boki-friday-head .boki-app, .boki-friday-head .boki-amount { color: var(--wp--preset--color--page); }
.boki-friday-head .is-top .boki-rank, .boki-friday-head .is-top .boki-amount { color: var(--wp--preset--color--friday); }
.boki-friday-head .is-worst .boki-rank { color: oklch(0.72 0.14 45); }
.boki-friday-head .boki-gap i { background: #e4d8c6; }
.boki-friday-head .boki-fee { border-color: #c9baa5; color: var(--wp--preset--color--page); }
.boki-friday-head .boki-verdict, .boki-friday-head .boki-gaptext { color: #c9baa5; }
.boki-gaptext.is-most { background: oklch(0.55 0.12 150); color: #fff !important; border-radius: 999px; padding: 0 10px; font: 700 13px/24px var(--wp--preset--font-family--display); }

/* ===== Hub landing (ported from BokiHub.dc.html) ===== */
.boki-hub .boki-article-head .wp-block-post-title { font: 800 clamp(38px, 4cqi + 22px, 72px)/.98 var(--wp--preset--font-family--display); letter-spacing: -.04em; }
.boki-pill-start { align-self: flex-start; }
.boki-hub > .wp-block-post-content, .boki-hub > .boki-hub-more, .boki-hub > .boki-hub-links, .boki-hub > .boki-hub-updated { max-width: 720px; }
.boki-hub .entry-content > * + * { margin-top: 16px; }
.boki-hub .entry-content p:has(> strong:first-child > a) { background: var(--wp--preset--color--card); border-radius: 20px; padding: 18px 20px; font-size: 16.5px; line-height: 1.5; }
.boki-hub .entry-content p > strong:first-child > a { display: block; margin-bottom: 6px; font: 800 20px/1.2 var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); text-decoration: none; }
.boki-hub .entry-content p > strong:first-child > a::after { content: " →"; }
.boki-hub-more { margin-top: 32px !important; }
.boki-hub-more-title { margin: 0 0 6px !important; font: 800 24px var(--wp--preset--font-family--display) !important; }
.boki-hub .boki-arrival-card a { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); }
.boki-hub .boki-arrival-kicker { color: var(--wp--preset--color--friday); }
.boki-hub .boki-outline-pills { display: none; }
.boki-hub-updated { margin-top: 18px !important; padding-bottom: 40px; font-size: 14px; color: var(--wp--preset--color--tertiary); }

/* ===== About (ported from BokiAbout.dc.html) ===== */
.boki-about { font-family: var(--wp--preset--font-family--display); }
.boki-about > * { max-width: 1100px; margin: 0 auto !important; padding-left: var(--gutter); padding-right: var(--gutter); box-sizing: content-box; }
.boki-about p { margin: 0; }
.boki-about-head { padding-top: 32px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 14px; }
.boki-about-head h1 { margin: 0; font: 800 clamp(38px, 4.4cqi + 20px, 84px)/.96 var(--wp--preset--font-family--display); letter-spacing: -.04em; }
.boki-about-lede { font-size: clamp(19px, 0.8cqi + 16px, 22px); line-height: 1.4; color: var(--wp--preset--color--secondary); max-width: 720px; }
.boki-about-name { background: oklch(0.55 0.12 45); color: #fff; border-radius: 28px; padding: clamp(24px, 4cqi, 48px) !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px 48px; align-items: center; }
.boki-about-word { display: flex; flex-direction: column; gap: 6px; }
.boki-about-aboki { font: 800 clamp(72px, 6cqi + 40px, 112px)/.9 var(--wp--preset--font-family--display); letter-spacing: -.05em; }
.boki-about-aboki span { opacity: .55; }
.boki-about-gloss { font-size: 18px; font-weight: 600; }
.boki-about-name-text { display: flex; flex-direction: column; gap: 14px; font-family: var(--wp--preset--font-family--prose); font-size: 18px; line-height: 1.55; }
.boki-about-name-text p { color: #fff; }
.boki-about > .boki-about-who { max-width: 720px; padding-top: 48px; display: flex; flex-direction: column; gap: 16px; }
.boki-about-who h2 { margin: 0; font: 800 clamp(27px, 2.2cqi + 18px, 36px)/1.08 var(--wp--preset--font-family--display); letter-spacing: -.025em; }
.boki-about-big { font: 700 clamp(22px, 1.2cqi + 18px, 30px)/1.25 var(--wp--preset--font-family--display); letter-spacing: -.015em; }
.boki-about-who p:not(.boki-about-big) { font-family: var(--wp--preset--font-family--prose); font-size: 18px; line-height: 1.6; color: #3d3128; }
.boki-about-pair { padding-top: 40px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.boki-about-card { margin: 0 !important; background: var(--wp--preset--color--card); border-radius: 24px; padding: clamp(20px, 3cqi, 32px); display: flex; flex-direction: column; gap: 14px; }
.boki-about-card > * { margin: 0 !important; }
.boki-about-card h3 { font: 800 28px var(--wp--preset--font-family--display); letter-spacing: -.02em; }
.boki-about-card p { font-family: var(--wp--preset--font-family--prose); font-size: 17px; line-height: 1.55; color: #3d3128; }
.boki-about-card.is-ink { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); }
.boki-about-card.is-ink p { color: #e4d8c6; }
.boki-about-links { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 4px; }
.boki-about-links a { min-height: 48px; display: inline-flex; align-items: center; border: 1.5px solid var(--wp--preset--color--ink); border-radius: 999px; padding: 0 18px; font: 600 16px var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); text-decoration: none; }
.boki-about-links a.is-dark { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); font-weight: 700; }
.boki-about-check { padding-top: 48px; display: flex; flex-direction: column; gap: 16px; }
.boki-about-check h2 { margin: 0; font: 800 clamp(27px, 2.2cqi + 18px, 40px)/1.05 var(--wp--preset--font-family--display); letter-spacing: -.03em; }
ol.boki-about-steps { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
ol.boki-about-steps li { counter-increment: s; background: var(--wp--preset--color--card); border-radius: 22px; padding: 22px; display: flex; flex-direction: column; gap: 8px; font-family: var(--wp--preset--font-family--prose); font-size: 15.5px; line-height: 1.5; color: var(--wp--preset--color--secondary); }
ol.boki-about-steps li::before { content: counter(s); font: 800 36px var(--wp--preset--font-family--display); color: oklch(0.55 0.12 150); }
ol.boki-about-steps li strong { display: block; font: 800 21px/1.15 var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
.boki-about-close { padding-top: 56px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.boki-about-kicker { font: 700 16px var(--wp--preset--font-family--display); color: var(--wp--preset--color--tertiary); }
.boki-about-quote { font: 800 clamp(26px, 2.4cqi + 16px, 44px)/1.12 var(--wp--preset--font-family--display); letter-spacing: -.025em; max-width: 980px; }
.boki-about > .boki-about-name { box-sizing: border-box; width: min(1100px, calc(100% - 2 * var(--gutter))); max-width: none; }

/* ===== Friday Number, first-handoff layout (Boki Friday Number.dc.html) ===== */
.boki-fri { font-family: var(--wp--preset--font-family--display); }
.boki-fri > * { margin: 0 !important; }
.boki-fri-band { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); padding: clamp(28px, 4cqi, 48px) var(--gutter) clamp(32px, 4.5cqi, 56px); display: flex; flex-direction: column; gap: 36px; }
.boki-fri-band > * { max-width: 1088px; width: 100%; margin: 0 auto !important; box-sizing: border-box; }
.boki-fri-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 24px 48px; align-items: end; }
.boki-fri-top > * { margin: 0 !important; }
.boki-fri-left { display: flex; flex-direction: column; gap: 18px; }
.boki-fri-left > * { margin: 0 !important; }
.boki-fri-kicker { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 15px; font-weight: 600; }
.boki-fri-kicker > * { margin: 0 !important; }
.boki-fri-label a { color: var(--wp--preset--color--friday); text-decoration: none; }
.boki-fri-kicker .wp-block-post-date::before { content: "·"; color: #8a7a66; margin-right: 10px; }
.boki-fri-kicker .wp-block-post-date { color: var(--wp--preset--color--page); font-size: 15px; }
.boki-fri-left .wp-block-post-title { margin: 0; font: 800 clamp(44px, 5.5cqi + 16px, 84px)/.92 var(--wp--preset--font-family--display); letter-spacing: -.04em; color: var(--wp--preset--color--page); }
.boki-fri-blurb, .boki-fri-blurb p { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: 19px; line-height: 1.45; color: #e4d8c6; }
.boki-fri-blurb .wp-block-post-excerpt__more-text { display: none; }
.boki-fri-band .boki-friday-table { border-top: 0; margin-top: 0 !important; }
/* Five-column ranked table (light by default, dark inside the band) */
.boki-ranked { display: flex; flex-direction: column; border-top: 1px solid var(--wp--preset--color--hairline); }
.boki-ranked-head, .boki-ranked-row { display: grid; grid-template-columns: 56px minmax(0, 200px) minmax(0, 220px) minmax(0, 1fr); gap: 4px 20px; align-items: center; }
.boki-ranked.has-fee .boki-ranked-head, .boki-ranked.has-fee .boki-ranked-row { grid-template-columns: 56px minmax(0, 200px) minmax(0, 220px) minmax(0, 1fr) 120px; }
.boki-ranked-head { padding: 14px 0; font-size: 13px; font-weight: 700; color: #a8977f; border-bottom: 1px solid var(--wp--preset--color--hairline); }
.boki-ranked.has-fee .boki-ranked-head > :last-child { text-align: right; }
.boki-ranked-row { padding: 22px 0; border-top: 0; border-bottom: 1px solid var(--wp--preset--color--hairline); }
.boki-ranked-row:last-child { border-bottom: 0; }
.boki-ranked-row > .boki-rank { grid-row: auto; font: 800 34px/1 var(--wp--preset--font-family--display); color: #a8977f; }
.boki-rank-line, .boki-gap-line { display: contents; }
.boki-app { font: 800 28px/1.1 var(--wp--preset--font-family--display); }
.boki-amount { font: 600 22px var(--wp--preset--font-family--mono); }
.boki-gap-line > .boki-gap { display: flex; align-items: center; gap: 12px; min-width: 0; }
.boki-gap i { height: 14px; background: #e4d8c6; }
.boki-gaptext { flex: none; min-width: 0; text-align: left; font: 600 16px var(--wp--preset--font-family--mono); color: inherit; }
.boki-gap-line > .boki-gaptext { grid-column: 4; justify-self: end; }
.boki-fee { border: 0; padding: 0; border-radius: 0; text-align: right; font: 600 18px var(--wp--preset--font-family--mono); }
.boki-verdict { grid-column: 2 / -1; font: 400 15px/1.5 var(--wp--preset--font-family--prose); color: var(--wp--preset--color--secondary); }
.boki-ranked-row.is-top .boki-rank { color: var(--wp--preset--color--friday); }
.boki-ranked-row.is-worst .boki-rank, .boki-ranked-row.is-worst .boki-gaptext, .boki-ranked-row.is-worst .boki-fee { color: oklch(0.72 0.14 45); }
.boki-ranked-row.is-worst .boki-gap i { background: oklch(0.72 0.14 45); }
.boki-ranked-row.is-warning { border-radius: 18px; padding: 18px 14px; }
.boki-gaptext.is-most { padding: 6px 12px; font: 700 14px/1 var(--wp--preset--font-family--display); }
.boki-fri-band .boki-ranked, .boki-fri-band .boki-ranked-head, .boki-fri-band .boki-ranked-row { border-color: #4a3d31; }
.boki-fri-band .boki-ranked { border-top: 1px solid #4a3d31; }
.boki-fri-band .boki-app, .boki-fri-band .boki-amount, .boki-fri-band .boki-fee, .boki-fri-band .boki-gaptext { color: var(--wp--preset--color--page); }
.boki-fri-band .boki-app a { color: inherit; }
.boki-fri-band .boki-verdict { color: #a8977f; }
.boki-fri-band .is-worst .boki-gaptext, .boki-fri-band .is-worst .boki-fee { color: oklch(0.72 0.14 45); }
@container (max-width: 700px) {
  .boki-ranked-head { display: none; }
  .boki-ranked-row, .boki-ranked.has-fee .boki-ranked-row { grid-template-columns: 40px minmax(0, 1fr) auto; }
  .boki-app { grid-column: 2; font-size: 22px; } .boki-amount { grid-column: 3; justify-self: end; font-size: 18px; }
  .boki-gap-line > .boki-gap { grid-column: 2 / 3; } .boki-gap-line > .boki-gaptext { grid-column: 3; }
  .boki-fee { grid-column: 3; }
}
/* Body sections */
.boki-fri-body { max-width: 1088px; margin: 0 auto !important; padding: 56px var(--gutter) 0; box-sizing: content-box; }
.boki-fri-body > * { max-width: 720px; }
.boki-fri-body > h2 { max-width: none; margin: 48px 0 20px !important; font: 800 40px/1 var(--wp--preset--font-family--display) !important; letter-spacing: -.03em; }
.boki-fri-body > p { font: 400 18px/1.6 var(--wp--preset--font-family--prose); color: #3d3128; }
.boki-open-grid, .boki-catch-grid, .boki-method-row { max-width: none !important; display: grid; gap: 14px; }
.boki-open-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); }
.boki-catch-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.boki-open-card, .boki-catch-card { margin: 0 !important; background: var(--wp--preset--color--card); border-radius: 22px; padding: 26px; font: 400 16px/1.45 var(--wp--preset--font-family--prose); color: #3d3128; }
.boki-open-card.is-pick { background: var(--wp--preset--color--good); }
.boki-open-card.is-warning { background: oklch(0.92 0.05 45); }
.boki-catch-card { padding: 24px; font-size: 15px; color: var(--wp--preset--color--secondary); }
.boki-method-row { margin-top: 48px !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); align-items: start; }
.boki-method { border: 1.5px solid var(--wp--preset--color--ink); border-radius: 22px; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.boki-method > * { margin: 0 !important; }
.boki-method h2 { font: 800 26px var(--wp--preset--font-family--display) !important; letter-spacing: 0; }
.boki-method p { font: 400 15px/1.5 var(--wp--preset--font-family--prose); color: var(--wp--preset--color--secondary); }
.boki-method-row .boki-corrections { margin: 0 !important; background: var(--wp--preset--color--card); border: 0; border-radius: 22px; padding: 28px; }
.boki-method-row .boki-corrections summary strong { font-size: 26px; }
.boki-fri-more { max-width: 1088px; margin: 0 auto !important; padding: 56px var(--gutter) 64px; box-sizing: content-box; display: flex; flex-direction: column; gap: 20px; }
.boki-fri-more > * { margin: 0 !important; }
.boki-fri-more-head { display: flex; justify-content: space-between; align-items: end; gap: 12px; }
.boki-fri-more-head > * { margin: 0 !important; }
.boki-fri-more-head h2 { font: 800 40px/1 var(--wp--preset--font-family--display); letter-spacing: -.03em; }
.boki-fri-more-head a { font-weight: 600; color: var(--wp--preset--color--ink); }
.boki-fri-cards .wp-block-post-template { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px; margin: 0; padding: 0; }
.boki-fri-cards .wp-block-post { position: relative; margin: 0; background: var(--wp--preset--color--card); border-radius: 20px; padding: 22px; min-height: 150px; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; }
.boki-fri-cards .wp-block-post > * { margin: 0; }
.boki-fri-cards .wp-block-post-title { font: 700 20px/1.2 var(--wp--preset--font-family--display); letter-spacing: 0; }
.boki-fri-cards .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
/* bar, gap figure and fee share the last columns */
.boki-gap-line { display: grid; grid-column: 4 / -1; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.boki-ranked.has-fee .boki-gap-line { grid-template-columns: minmax(0, 1fr) auto 120px; gap: 12px 20px; }
.boki-gap-line > .boki-gaptext { grid-column: auto; justify-self: end; }
.boki-gap-line > .boki-gap { grid-column: auto; }
@container (max-width: 700px) { .boki-gap-line { grid-column: 2 / -1; } }
.boki-corrections li { font-family: var(--wp--preset--font-family--prose) !important; font-weight: 400; }
@container (min-width: 900px) { .boki-fri-top { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } }
/* Friday pages: dark chrome, Friday Number marked (first-handoff nav) */
body:has(.boki-fri) .boki-header { background: var(--wp--preset--color--ink); border-bottom-color: #4a3d31; }
body:has(.boki-fri) .boki-header .wp-block-site-title a, body:has(.boki-fri) .boki-nav .wp-block-navigation-item__content { color: var(--wp--preset--color--page); }
body:has(.boki-fri) .boki-nav a[href="/tag/friday-number/"] { color: var(--wp--preset--color--friday); }
.wp-site-blocks > main, .wp-site-blocks > .wp-block-group:has(> main) { margin-block-start: 0 !important; }

/* ===== Homepage, first-handoff layout (Boki Directions.dc.html) ===== */
.boki-home { max-width: 1088px; padding: 0 var(--gutter); box-sizing: content-box; }
.boki-home-hero { padding-top: clamp(32px, 5cqi, 64px); padding-bottom: 48px; gap: 28px; }
.boki-home-intro { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 20px 48px; align-items: end; }
.boki-home-intro > * { margin: 0 !important; }
@container (min-width: 900px) { .boki-home-intro { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } }
.boki-home-h1 { font: 800 clamp(44px, 6cqi + 12px, 88px)/.95 var(--wp--preset--font-family--display); letter-spacing: -.04em; }
.boki-home-lede { font: 400 19px/1.45 var(--wp--preset--font-family--display); color: var(--wp--preset--color--secondary); }
.boki-home-tiles .wp-block-post-template { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 14px; }
.boki-home-tiles .wp-block-post { padding: 22px; min-height: 180px; gap: 48px; }
.boki-tile-name { font: 700 32px/1 var(--wp--preset--font-family--display); letter-spacing: -.02em; }
.boki-home-chips .wp-block-post { min-height: 0; padding: 8px 16px; }
.boki-chip-name { font-size: 16px; font-weight: 400; }
.boki-home-friday .wp-block-post-template { margin: 0; padding: 0; }
.boki-home-friday .wp-block-post { margin: 0; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); border-radius: 28px; padding: clamp(24px, 4cqi, 44px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px 48px; }
@container (min-width: 900px) { .boki-home-friday .wp-block-post { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); } }
.boki-home-friday-left, .boki-home-friday-right { display: flex; flex-direction: column; gap: 16px; margin: 0 !important; }
.boki-home-friday-left > *, .boki-home-friday-right > * { margin: 0 !important; }
.boki-home-friday .boki-card-label { font: 600 15px var(--wp--preset--font-family--display); color: var(--wp--preset--color--friday); }
.boki-home-friday .wp-block-post-title { font: 800 clamp(40px, 3cqi + 26px, 64px)/.95 var(--wp--preset--font-family--display); letter-spacing: -.03em; }
.boki-home-friday .wp-block-post-title a { color: var(--wp--preset--color--page); text-decoration: none; }
.boki-home-friday .wp-block-post-excerpt p { margin: 0; font: 400 17px/1.5 var(--wp--preset--font-family--display); color: #e4d8c6; }
.boki-home-friday .wp-block-post-excerpt__more-text { display: none; }
.boki-home-friday-rows { display: flex; flex-direction: column; }
.boki-mini-row { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px 0; border-bottom: 1px solid #4a3d31; }
.boki-mini-row:last-child { border-bottom: 0; }
.boki-mini-rank { font: 800 28px var(--wp--preset--font-family--display); color: #c9baa5; }
.boki-mini-row.is-top .boki-mini-rank { color: var(--wp--preset--color--friday); }
.boki-mini-row.is-worst .boki-mini-rank, .boki-mini-row.is-worst .boki-mini-tag { color: oklch(0.72 0.14 45); }
.boki-mini-app { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.boki-mini-name { font: 700 24px var(--wp--preset--font-family--display); }
.boki-mini-sub { font-size: 14px; color: #c9baa5; }
.boki-mini-tag { font: 600 16px var(--wp--preset--font-family--display); white-space: nowrap; }
.boki-mini-tag.is-top { background: oklch(0.55 0.12 150); border-radius: 999px; padding: 6px 12px; font-size: 14px; }
.boki-home-friday .boki-card-more a { color: var(--wp--preset--color--friday); font-weight: 600; min-height: 0; }
.boki-home-latest { padding-top: 72px; gap: 24px; }
.boki-home-sechead { display: flex; justify-content: space-between; align-items: end; gap: 12px; }
.boki-home-sechead > * { margin: 0 !important; }
.boki-home-sechead h2, .boki-home-short > h2 { margin: 0 !important; font: 800 clamp(32px, 2cqi + 20px, 44px)/1 var(--wp--preset--font-family--display); letter-spacing: -.03em; }
.boki-home-sechead a { font-weight: 600; color: var(--wp--preset--color--ink); }
.boki-home-latest-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 20px; }
.boki-home-latest-grid > * { margin: 0 !important; }
@container (min-width: 900px) { .boki-home-latest-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } }
.boki-featured .wp-block-post { display: flex; flex-direction: column; grid-template-columns: none; margin: 0; }
.boki-featured-img img { aspect-ratio: 16/8; }
.boki-featured-text { padding: 26px; }
.boki-featured-text .wp-block-post-title { font: 700 30px/1.08 var(--wp--preset--font-family--display); letter-spacing: -.01em; }
.boki-meta-row { display: flex; gap: 8px; align-items: center; font-size: 14px; font-weight: 600; }
.boki-meta-row > * { margin: 0 !important; }
.boki-meta-row .wp-block-post-date { color: var(--wp--preset--color--tertiary); font-size: 13px; }
.boki-latest-rows { background: var(--wp--preset--color--card); border-radius: 24px; padding: 8px 24px; }
.boki-latest-rows .wp-block-post { display: flex; flex-direction: column; gap: 6px; padding: 18px 0; min-height: 0; border-top: 0; border-bottom: 1px solid var(--wp--preset--color--hairline); }
.boki-latest-rows .wp-block-post:last-child { border-bottom: 0; }
.boki-latest-rows .wp-block-post-title { font: 700 19px/1.2 var(--wp--preset--font-family--display); }
.boki-home-pair { padding: 48px 0 24px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 20px; }
.boki-home-pair .boki-hubcard.is-wide { grid-column: 1 / -1; }
.boki-home-pair .boki-hubcard.is-wide .wp-block-post-template { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); column-gap: 32px; }
.boki-fwdcard .wp-block-post { padding: 32px; gap: 14px; }
.boki-fwdcard .boki-card-label { font: 600 15px var(--wp--preset--font-family--display); color: oklch(0.45 0.12 45); }
.boki-fwdcard .wp-block-post-title { font: 800 34px/1.02 var(--wp--preset--font-family--display); letter-spacing: -.02em; }
.boki-fwdcard .wp-block-post-excerpt p { color: var(--wp--preset--color--secondary); }
.boki-fwdcard .wp-block-buttons { gap: 10px; padding-top: 6px; }
.boki-fwdcard .wp-block-button, .boki-fwdcard .wp-block-button__link { width: auto; }
.boki-fwdcard .wp-block-button__link { min-height: 0; padding: 12px 20px; font-size: 16px; }
.boki-fwdcard .is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink); border: 1.5px solid var(--wp--preset--color--ink); font-weight: 600; }
.boki-home-pair .boki-hubcard { padding: 32px; gap: 16px; }
.boki-hubcard .boki-card-label a { font: 600 15px var(--wp--preset--font-family--display); color: var(--wp--preset--color--tertiary); text-decoration: none; }
.boki-home-pair .boki-rows .wp-block-post { border-top: 0; border-bottom: 1px solid var(--wp--preset--color--hairline); }
.boki-home-pair .boki-rows .wp-block-post:last-child { border-bottom: 0; }
.boki-home-pair .boki-rows .wp-block-post-title { font: 700 22px/1.15 var(--wp--preset--font-family--display); }
.boki-home-pair .boki-rows .wp-block-post-title a { padding: 0 0 16px; min-height: 0; }
.boki-home-pair .boki-rows .wp-block-post + .wp-block-post .wp-block-post-title a { padding-top: 16px; }
.boki-home-pair .boki-rows .wp-block-post-title a::after { font-size: 22px; }
.boki-home-short { padding: 48px 0 64px; display: flex; flex-direction: column; gap: 24px; }
.boki-short-cards .wp-block-post-template { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 14px; margin: 0; padding: 0; }
.boki-short-cards .wp-block-post { position: relative; margin: 0; border: 1.5px solid var(--wp--preset--color--ink); border-radius: 20px; padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.boki-short-cards .wp-block-post > * { margin: 0; }
.boki-short-name { font: 700 22px var(--wp--preset--font-family--display); }
.boki-short-answer p { margin: 0; font: 400 15px/1.4 var(--wp--preset--font-family--display); color: var(--wp--preset--color--secondary); }
.boki-short-answer .wp-block-post-excerpt__more-text { display: none; }
.boki-home-chips { display: block; }
.boki-home-chips .wp-block-post-template { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; }
.boki-home-chips .wp-block-post { display: inline-flex; }

/* ===== Country guide, first-handoff layout (Boki Country Guide.dc.html) ===== */
.boki-guide { font-family: var(--wp--preset--font-family--display); }
.boki-guide > * { margin: 0 !important; }
.boki-guide-band { padding: 40px var(--gutter) 24px; }
.is-primary-guide .boki-guide-band { background: var(--country, var(--wp--preset--color--ink)); color: var(--country-text, #fff); padding-bottom: 56px; }
.boki-guide-top { max-width: 1088px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 32px 48px; align-items: start; }
.boki-guide-top > * { margin: 0 !important; }
@container (min-width: 900px) { .boki-guide-top { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); } }
.boki-guide-left { display: flex; flex-direction: column; gap: 20px; }
.boki-guide-left > * { margin: 0 !important; }
.boki-crumb { display: none; gap: 8px; font-size: 14px; font-weight: 600; }
.boki-crumb > * { margin: 0 !important; }
.boki-crumb > p + p::before { content: "/"; margin-right: 8px; }
.boki-crumb a { color: inherit; }
.is-primary-guide .boki-crumb { display: flex; }
.is-primary-guide .boki-guide-left .boki-pills { display: none; }
.boki-guide-left .wp-block-post-title { font: 800 clamp(38px, 3.6cqi + 16px, 60px)/1 var(--wp--preset--font-family--display); letter-spacing: -.035em; }
.boki-guide-left .wp-block-post-excerpt__excerpt { margin: 0; font: 400 19px/1.45 var(--wp--preset--font-family--display); max-width: 600px; }
.boki-guide-left .wp-block-post-excerpt__more-text { display: none; }
.boki-guide .boki-dateline { font-size: 14px; color: inherit; opacity: .9; }
.boki-guide .boki-arrives { margin: 0 !important; background: var(--wp--preset--color--card); color: var(--wp--preset--color--ink); border-radius: 24px; padding: 26px; gap: 14px; }
.boki-arrives-label { font: 600 14px var(--wp--preset--font-family--display); color: var(--wp--preset--color--tertiary); }
.boki-guide .boki-send { font: 700 22px var(--wp--preset--font-family--display); }
.boki-guide .boki-received { font: 800 56px/1 var(--wp--preset--font-family--display) !important; letter-spacing: -.03em; color: var(--country-deep, oklch(0.45 0.12 150)); }
.boki-guide .boki-to { font-size: 15px; color: var(--wp--preset--color--secondary); }
.boki-guide .boki-costs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding-top: 6px; }
.boki-guide .boki-cost { border-radius: 14px; padding: 14px; }
.boki-guide .boki-cost-label { font-size: 13px; font-weight: 600; }
.boki-guide .boki-cost-value { font: 800 26px var(--wp--preset--font-family--display); }
.boki-guide .boki-cost-note { font-size: 13px; }
.boki-guide .boki-times { max-width: 1088px; margin: 16px auto 0 !important; }
.boki-guide-hero { max-width: 1088px; margin: 32px auto 0 !important; padding: 0 var(--gutter); box-sizing: content-box; }
.boki-guide-hero img { border-radius: 22px; aspect-ratio: 16/7; object-fit: cover; width: 100%; }
.boki-guide > .boki-share-top { max-width: 1088px; margin: 16px auto 0 !important; padding: 0 var(--gutter); box-sizing: content-box; }
/* Body: wide sections, prose at reading width */
.boki-guide-body { max-width: 1088px; margin: 0 auto !important; padding: 24px var(--gutter) 0; box-sizing: content-box; }
.boki-guide-body > * { max-width: 760px; margin-top: 16px; }
.boki-guide-body > p, .boki-guide-body > ul:not([class*="boki-"]), .boki-guide-body > ol:not([class*="boki-"]) { font: 400 18px/1.6 var(--wp--preset--font-family--prose); color: #3d3128; }
.boki-guide-body > h2 { max-width: none; margin: 56px 0 20px !important; font: 800 40px/1 var(--wp--preset--font-family--display) !important; letter-spacing: -.03em; }
.boki-guide-body > h3 { font: 800 24px/1.15 var(--wp--preset--font-family--display); }
.boki-guide-body > .boki-toc, .boki-guide-body > .boki-card-grid, .boki-guide-body > .boki-rowlist, .boki-guide-body > .boki-open-band, .boki-guide-body > .boki-tiles, .boki-guide-body > .boki-situations, .boki-guide-body > .boki-ranked, .boki-guide-body > .boki-corrections { max-width: none; }
/* Rules output shared by all articles */
.boki-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 14px; }
.boki-card-grid > .boki-bcard { margin: 0 !important; background: var(--wp--preset--color--card); border-radius: 22px; padding: 26px; font: 400 16px/1.45 var(--wp--preset--font-family--prose) !important; color: var(--wp--preset--color--secondary) !important; }
.boki-bcard > strong:first-child { display: block; margin-bottom: 10px; font: 800 24px/1.1 var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
.boki-bcard > strong:first-child a { color: inherit; }
ul.boki-rowlist { list-style: none; margin-top: 16px; padding: 0; background: var(--wp--preset--color--card); border-radius: 24px; overflow: hidden; }
ul.boki-rowlist li { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 6px 24px; align-items: center; padding: 18px 28px; border-bottom: 1px solid var(--wp--preset--color--hairline); font: 400 15px/1.4 var(--wp--preset--font-family--prose); color: var(--wp--preset--color--secondary); }
ul.boki-rowlist li:last-child { border-bottom: 0; }
ul.boki-rowlist li > strong:first-child { font: 700 22px var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
ul.boki-rowlist li.is-warning { background: oklch(0.95 0.035 45); }
ul.boki-rowlist li.is-warning > strong:first-child { color: oklch(0.48 0.13 45); }
@container (max-width: 600px) { ul.boki-rowlist li { grid-template-columns: 1fr; padding: 16px 20px; } }
.boki-open-band { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--page); border-radius: 24px; padding: 8px 28px; display: flex; flex-direction: column; }
.boki-open-band > .boki-open-row { margin: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 8px 32px; padding: 20px 0; border-bottom: 1px solid #4a3d31; font: 400 16px/1.45 var(--wp--preset--font-family--prose) !important; color: #e4d8c6 !important; }
.boki-open-band > .boki-open-row:last-child { border-bottom: 0; }
.boki-open-sit { font: 700 20px/1.25 var(--wp--preset--font-family--display); color: var(--wp--preset--color--page); }
.boki-open-row.is-avoid .boki-open-sit { color: oklch(0.72 0.14 45); }

/* ===== News, forward-to-family, troubleshooter (first handoff) ===== */
/* News: contents list in a left column, story on the right */
@container (min-width: 900px) {
  .is-news:not(.has-share) .boki-guide-body { display: grid; grid-template-columns: 200px minmax(0, 1fr); column-gap: 48px; align-items: start; }
  .is-news:not(.has-share) .boki-guide-body > * { grid-column: 2; max-width: 720px; }
  .is-news:not(.has-share) .boki-guide-body > .boki-toc { grid-column: 1; grid-row: 1 / span 40; position: sticky; top: 24px; flex-direction: column; align-items: flex-start; gap: 6px; }
  .is-news:not(.has-share) .boki-toc a { min-height: 0; border: 0; padding: 4px 0; font-size: 13px; color: var(--wp--preset--color--tertiary); }
  .is-news:not(.has-share) .boki-toc span { font-size: 13px; color: var(--wp--preset--color--ink); }
}
.is-news .boki-guide-body > h2 { font-size: 26px !important; margin: 36px 0 12px !important; }
.is-news .boki-quote { max-width: none; background: oklch(0.95 0.04 85); border-radius: 22px; padding: 26px 30px; font: 800 30px/1.15 var(--wp--preset--font-family--display); letter-spacing: -.02em; }
/* Section cards (troubleshooter fixes, forward-to-family threats) */
.boki-sec-card { max-width: none !important; margin-top: 20px !important; background: var(--wp--preset--color--card); border-radius: 24px; padding: clamp(20px, 3cqi, 32px); display: flex; flex-direction: column; gap: 14px; }
.boki-sec-card > * { margin: 0 !important; }
.boki-sec-card > h2 { font: 800 28px/1.1 var(--wp--preset--font-family--display) !important; letter-spacing: -.02em; }
.boki-sec-card > p { font: 400 16px/1.5 var(--wp--preset--font-family--prose); color: var(--wp--preset--color--secondary); }
.boki-sec-card > .boki-fix { background: var(--wp--preset--color--good); border-radius: 18px; padding: 18px 20px; color: var(--wp--preset--color--ink); }
.boki-sec-card > .boki-fix > strong:first-child { display: block; margin-bottom: 6px; font: 800 18px var(--wp--preset--font-family--display); color: oklch(0.4 0.1 150); }
.boki-sec-card .boki-quote { background: #ece3d4; font-size: 18px; font-style: italic; font-weight: 600; padding: 14px 18px; border-radius: 18px 18px 18px 4px; }
/* Forward to family: one phone-width column, green hero card with the WhatsApp action */
.has-share .boki-guide-band { max-width: 720px; margin: 24px auto 0 !important; background: var(--country, oklch(0.55 0.12 150)) !important; color: var(--country-text, #fff); border-radius: 28px; padding: clamp(24px, 4cqi, 36px); box-sizing: border-box; }
.has-share .boki-guide-top { grid-template-columns: 1fr !important; }
.has-share .boki-guide-left .boki-pill.is-country { background: rgba(255,255,255,.2); color: inherit; }
.has-share .boki-guide-left .wp-block-post-title { font-size: clamp(34px, 3cqi + 20px, 48px); }
.has-share .boki-guide-hero { max-width: 720px; }
.has-share .boki-guide > .boki-share-top { max-width: 720px; margin-top: -8px !important; }
.has-share .boki-guide-body, .has-share .boki-guide > .boki-share, .has-share .boki-guide > .boki-hub-links, .has-share .boki-guide > .boki-related { max-width: 720px; }
.has-share .boki-guide-body > * { max-width: none; }
.has-share .boki-guide-body > .boki-toc { display: none; }
.has-share .boki-guide-body > .boki-sec-card > h2 { font-size: 24px !important; }
.has-share .boki-guide-body > .boki-quote, .has-share .boki-guide-body > blockquote { background: var(--wp--preset--color--good); border-radius: 22px; padding: 22px 24px; font: 400 17px/1.55 var(--wp--preset--font-family--prose); }
@container (min-width: 900px) {
  .boki-about > .boki-about-who { max-width: 1100px; display: grid; grid-template-columns: 240px minmax(0, 720px); column-gap: 48px; }
  .boki-about-who > h2 { grid-row: 1 / span 3; font-size: 22px !important; }
}

/* ===== Whole-card links =====
   The read-more stretch link must fill its card (core sets width: fit-content on it),
   and title-linked cards extend their title link over the card. Real controls inside
   a card (buttons, secondary links) sit above the stretch so they stay clickable. */
.wp-block-post:has(> .boki-stretch), .wp-block-post:has(.wp-block-post-title a) { position: relative; }
a.boki-stretch.wp-block-read-more { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; z-index: 1; font-size: 0 !important; color: transparent !important; background: transparent !important; border-radius: inherit; }
.boki-featured .wp-block-post-title a::after, .boki-latest-rows .wp-block-post-title a::after, .boki-home-friday .wp-block-post-title a::after, .boki-fwdcard .wp-block-post-title a::after, .boki-fri-cards .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.boki-home-friday .boki-card-more, .boki-home-friday .boki-card-more a, .boki-fwdcard .wp-block-buttons, .boki-fwdcard .wp-block-button { position: relative; z-index: 2; }

/* Header content aligns with the 1088px content column; its border runs full width */
.boki-header { padding: 14px 0 !important; }
.boki-header-inner { max-width: 1088px; margin: 0 auto !important; padding: 0 var(--gutter); box-sizing: content-box; align-items: center; }
.boki-header-inner .boki-nav .wp-block-navigation-item:last-child .wp-block-navigation-item__content { padding-right: 0; }
.boki-header-inner .wp-block-site-title { margin: 0; }
/* Head lede (the article's opening paragraph) */
.boki-lede { margin: 0 !important; }
.boki-lede p { margin: 0; }
.boki-article-head .boki-lede p { font-family: var(--wp--preset--font-family--prose); font-size: clamp(19px, 0.8cqi + 16px, 22px); line-height: 1.4; color: var(--wp--preset--color--secondary); }
.boki-guide-left .boki-lede p { font: 400 19px/1.45 var(--wp--preset--font-family--display); max-width: 600px; }
.boki-fri-blurb.boki-lede p { font: 400 19px/1.45 var(--wp--preset--font-family--display); color: #e4d8c6; }
/* Advice card: brow + heading + body (Friday "What to actually open") */
.boki-open-card { display: flex; flex-direction: column; gap: 10px; }
.boki-open-brow { font: 700 14px var(--wp--preset--font-family--display); color: var(--wp--preset--color--tertiary); }
.boki-open-card.is-pick .boki-open-brow { color: oklch(0.4 0.1 150); }
.boki-open-card.is-warning .boki-open-brow { color: oklch(0.45 0.12 45); }
.boki-open-head { font: 800 28px/1.05 var(--wp--preset--font-family--display); color: var(--wp--preset--color--ink); }
/* One width rule for the header row and the page content column */
.boki-header-inner, .boki-home { max-width: calc(1088px + 2 * var(--gutter)) !important; box-sizing: border-box !important; padding-left: var(--gutter) !important; padding-right: var(--gutter) !important; margin-left: auto !important; margin-right: auto !important; }
/* Step cards: same padding on every item, first included */
ol.boki-about-steps > li, ol.boki-about-steps > li:first-child { padding: 22px !important; }
ol.boki-steps > li, ol.boki-steps > li:first-child { padding: 16px 20px !important; }
/* List-built components: every item keeps its own padding (an inherited rule zeroes first/last) */
ul.boki-rowlist > li, ul.boki-rowlist > li:first-child, ul.boki-rowlist > li:last-child { padding: 18px 28px !important; }
ul.boki-tiles > li, ul.boki-tiles > li:first-child, ul.boki-tiles > li:last-child, ul.boki-situations > li, ul.boki-situations > li:first-child, ul.boki-situations > li:last-child { padding: 18px 20px !important; }
@container (max-width: 600px) { ul.boki-rowlist > li, ul.boki-rowlist > li:first-child, ul.boki-rowlist > li:last-child { padding: 16px 20px !important; } }
/* Guide/news head: featured image sits in the right column; a What arrives card takes that slot instead */
.boki-guide-right { margin: 0 !important; display: flex; flex-direction: column; gap: 16px; }
.boki-guide-right > * { margin: 0 !important; }
.boki-guide-right:has(.boki-arrives) .boki-guide-hero { display: none; }
.boki-guide-top .boki-guide-hero { max-width: none; padding: 0; margin: 0 !important; }
.boki-guide-top .boki-guide-hero img { aspect-ratio: 4/3; border-radius: 24px; }
.boki-guide-top { align-items: center; }
.has-share .boki-guide-top .boki-guide-hero img { aspect-ratio: 16/9; }