/* =========================================================
   THE.BUR — BLOCK STYLES + INLINE FORMATS
   Loaded on the site AND inside the block editor (add_editor_style
   scopes it to the writing canvas there), so a style looks the same
   while writing as it does for visitors. Literal colours, not the
   theme's CSS variables, because the editor canvas doesn't have them.
   See inc/bur-editor.php for the list of styles and formats.
   ========================================================= */

/* ---------- inline formats (select text → toolbar ▾ More) ---------- */
.bur-fmt-marker{
  background:linear-gradient(transparent 55%, rgba(252,163,17,.45) 55%);
  padding:0 .08em; border-radius:2px; color:inherit;
}
.bur-fmt-mono{
  font-family:"JetBrains Mono","Space Mono",Consolas,monospace; font-size:.9em; letter-spacing:.01em;
}
.bur-fmt-serif{ font-family:"DM Serif Display",Georgia,serif; font-weight:400; letter-spacing:.005em; }
.bur-fmt-caps{
  font-variant:small-caps; text-transform:lowercase; letter-spacing:.08em; font-weight:600;
}
.bur-fmt-bigger{ font-size:1.25em; line-height:1.3; }
.bur-fmt-smaller{ font-size:.82em; }

/* ---------- paragraph styles ---------- */
p.is-style-bur-lead{
  font-size:1.25em !important; line-height:1.6; color:#14213D; font-weight:400;
}
p.is-style-bur-callout{
  background:#FFF6E6; border-radius:8px;
  padding:16px 20px; color:#14213D;
}
p.is-style-bur-note{
  font-size:.85em !important; line-height:1.55; color:#5B5F6B;
}
p.is-style-bur-kicker,
h1.is-style-bur-kicker, h2.is-style-bur-kicker, h3.is-style-bur-kicker,
h4.is-style-bur-kicker, h5.is-style-bur-kicker, h6.is-style-bur-kicker{
  font-family:"JetBrains Mono","Space Mono",Consolas,monospace !important;
  font-size:12px !important; line-height:1.4; letter-spacing:.16em; text-transform:uppercase;
  color:#9F5400; font-weight:700; margin-bottom:6px;
}
p.is-style-bur-serif{
  font-family:"DM Serif Display",Georgia,serif; font-size:1.45em !important; line-height:1.35; color:#14213D;
}
p.is-style-bur-mono{
  font-family:"JetBrains Mono","Space Mono",Consolas,monospace; font-size:.88em !important; line-height:1.7;
  background:#FBF9F4; border:1px solid #DCD5C6; border-radius:6px; padding:12px 16px;
}

/* ---------- heading styles ---------- */
.is-style-bur-underline{
  padding-bottom:.25em; border-bottom:3px solid #FCA311; display:block;
}
h1.is-style-bur-sans, h2.is-style-bur-sans, h3.is-style-bur-sans,
h4.is-style-bur-sans, h5.is-style-bur-sans, h6.is-style-bur-sans{
  font-family:Inter,Hanuman,-apple-system,sans-serif !important; font-weight:700; letter-spacing:-.01em;
}
h1.is-style-bur-mono, h2.is-style-bur-mono, h3.is-style-bur-mono,
h4.is-style-bur-mono, h5.is-style-bur-mono, h6.is-style-bur-mono{
  font-family:"JetBrains Mono","Space Mono",Consolas,monospace !important; letter-spacing:.02em;
}

/* ---------- pull quote ---------- */
.wp-block-quote.is-style-bur-pull{
  border:0 !important; background:transparent !important; text-align:center;
  padding:22px 8px !important; margin:34px auto !important;
  border-top:3px solid #FCA311 !important; border-bottom:3px solid #FCA311 !important; border-radius:0 !important;
}
.wp-block-quote.is-style-bur-pull p{
  font-family:"DM Serif Display",Georgia,serif; font-size:1.7em; line-height:1.3; color:#14213D; margin:0 0 10px;
}
.wp-block-quote.is-style-bur-pull cite{
  font-family:"JetBrains Mono",Consolas,monospace; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:#9F5400; font-style:normal;
}

/* ---------- lists ---------- */
ul.is-style-bur-checks{ list-style:none !important; padding-left:0 !important; }
ul.is-style-bur-checks > li{ position:relative; padding-left:28px; }
ul.is-style-bur-checks > li::before{
  content:""; position:absolute; left:2px; top:.35em; width:14px; height:14px; border-radius:4px; background:#FCA311;
}
ul.is-style-bur-checks > li::after{
  content:""; position:absolute; left:7px; top:calc(.35em + 2px); width:4px; height:8px;
  border:solid #0A1526; border-width:0 2px 2px 0; transform:rotate(45deg);
}
ol.is-style-bur-steps{ list-style:none !important; counter-reset:bur-step; padding-left:0 !important; }
ol.is-style-bur-steps > li{ counter-increment:bur-step; position:relative; padding-left:40px; min-height:28px; margin-bottom:12px; }
ol.is-style-bur-steps > li::before{
  content:counter(bur-step); position:absolute; left:0; top:-1px; width:26px; height:26px; border-radius:50%;
  background:#14213D; color:#FCA311; font:700 12px/26px "JetBrains Mono",Consolas,monospace; text-align:center;
}

/* ---------- groups ---------- */
.wp-block-group.is-style-bur-card{
  background:#FFFFFF; border:1px solid #DCD5C6; border-radius:14px 14px 4px 14px;
  padding:22px 24px; box-shadow:0 10px 26px rgba(20,33,61,.08);
}
.wp-block-group.is-style-bur-panel{
  background:#14213D; color:#F3EFE6; border-radius:14px 14px 4px 14px;
  padding:22px 24px;
}
.wp-block-group.is-style-bur-panel h1, .wp-block-group.is-style-bur-panel h2,
.wp-block-group.is-style-bur-panel h3, .wp-block-group.is-style-bur-panel h4,
.wp-block-group.is-style-bur-panel p, .wp-block-group.is-style-bur-panel li{ color:#F3EFE6; }
.wp-block-group.is-style-bur-panel a{ color:#FCA311; border-color:rgba(252,163,17,.5); }
.wp-block-group.is-style-bur-amber{
  background:#FFF6E6; border:1px solid rgba(252,163,17,.45); border-radius:10px; padding:18px 22px;
}

/* boxed styles: the first / last item shouldn't add its own gap inside */
.is-style-bur-card > :first-child, .is-style-bur-panel > :first-child, .is-style-bur-amber > :first-child{ margin-top:0; }
.is-style-bur-card > :last-child, .is-style-bur-panel > :last-child, .is-style-bur-amber > :last-child{ margin-bottom:0; }

/* ---------- tables: in the text column, full column width ----------
   style.css lets every figure go full width and turns <table> into a
   block (for phone scrolling), which left tables flush-left and only as
   wide as their text. The figure now scrolls instead, and the table
   itself stays a real table across the column. */
.article-body > .wp-block-table:not(.alignwide):not(.alignfull),
.entry-content > .wp-block-table:not(.alignwide):not(.alignfull){
  max-width:720px; margin-left:auto; margin-right:auto;
}
.wp-block-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.wp-block-table > table{ display:table; width:100%; }

/* ---------- table, image, separator ---------- */
.wp-block-table.is-style-bur-console table{
  border-collapse:collapse; width:100%; font-family:"JetBrains Mono",Consolas,monospace; font-size:.85em;
}
.wp-block-table.is-style-bur-console thead,
.wp-block-table.is-style-bur-console th{ background:#14213D; color:#FCA311; border-color:#14213D; text-transform:uppercase; letter-spacing:.06em; }
.wp-block-table.is-style-bur-console td,
.wp-block-table.is-style-bur-console th{ border:1px solid #DCD5C6; padding:8px 12px; }
.wp-block-table.is-style-bur-console tbody tr:nth-child(even){ background:#FBF9F4; }
.wp-block-image.is-style-bur-framed img{
  border:6px solid #FFFFFF; border-radius:4px; box-shadow:0 0 0 1px #DCD5C6, 0 12px 26px rgba(20,33,61,.14);
}
hr.wp-block-separator.is-style-bur-ticks{
  border:0 !important; height:10px; max-width:240px; opacity:1;
  background:repeating-linear-gradient(90deg,#FCA311 0 3px,transparent 3px 14px);
}

/* ---------- palette + size classes ----------
   WordPress prints these from the theme supports too; repeated here so the
   site never depends on that output being present. */
.has-bur-navy-color{ color:#14213D !important; }
.has-bur-navy-deep-color{ color:#0A1526 !important; }
.has-bur-navy-soft-color{ color:#1D2E52 !important; }
.has-bur-amber-color{ color:#FCA311 !important; }
.has-bur-ember-color{ color:#E08F00 !important; }
.has-bur-amber-deep-color{ color:#9F5400 !important; }
.has-bur-paper-color{ color:#F3EFE6 !important; }
.has-bur-cream-color{ color:#FBF9F4 !important; }
.has-bur-line-color{ color:#DCD5C6 !important; }
.has-bur-steel-color{ color:#7C86A6 !important; }
.has-bur-muted-color{ color:#5B5F6B !important; }
.has-bur-ink-color{ color:#12141A !important; }
.has-bur-white-color{ color:#FFFFFF !important; }
.has-bur-teal-color{ color:#2EC4B6 !important; }
.has-bur-blue-color{ color:#3A86FF !important; }
.has-bur-green-color{ color:#00B44D !important; }
.has-bur-coral-color{ color:#EF476F !important; }
.has-bur-violet-color{ color:#9B5DE5 !important; }
.has-bur-navy-background-color{ background-color:#14213D !important; }
.has-bur-navy-deep-background-color{ background-color:#0A1526 !important; }
.has-bur-navy-soft-background-color{ background-color:#1D2E52 !important; }
.has-bur-amber-background-color{ background-color:#FCA311 !important; }
.has-bur-ember-background-color{ background-color:#E08F00 !important; }
.has-bur-amber-deep-background-color{ background-color:#9F5400 !important; }
.has-bur-paper-background-color{ background-color:#F3EFE6 !important; }
.has-bur-cream-background-color{ background-color:#FBF9F4 !important; }
.has-bur-line-background-color{ background-color:#DCD5C6 !important; }
.has-bur-steel-background-color{ background-color:#7C86A6 !important; }
.has-bur-muted-background-color{ background-color:#5B5F6B !important; }
.has-bur-ink-background-color{ background-color:#12141A !important; }
.has-bur-white-background-color{ background-color:#FFFFFF !important; }
.has-bur-teal-background-color{ background-color:#2EC4B6 !important; }
.has-bur-blue-background-color{ background-color:#3A86FF !important; }
.has-bur-green-background-color{ background-color:#00B44D !important; }
.has-bur-coral-background-color{ background-color:#EF476F !important; }
.has-bur-violet-background-color{ background-color:#9B5DE5 !important; }
.has-bur-small-font-size{ font-size:13px !important; }
.has-bur-normal-font-size{ font-size:16px !important; }
.has-bur-medium-font-size{ font-size:19px !important; }
.has-bur-large-font-size{ font-size:24px !important; line-height:1.4; }
.has-bur-xlarge-font-size{ font-size:32px !important; line-height:1.25; }
.has-bur-huge-font-size{ font-size:44px !important; line-height:1.14; }
/* text alignment from the block toolbar */
.has-text-align-left{ text-align:left; }
.has-text-align-center{ text-align:center; }
.has-text-align-right{ text-align:right; }
.has-text-align-justify{ text-align:justify; }
/* coloured backgrounds need breathing room when no padding was set */
p.has-background, h1.has-background, h2.has-background, h3.has-background,
h4.has-background, h5.has-background, h6.has-background{ padding:14px 18px; border-radius:6px; }
@media (max-width:640px){
  .has-bur-xlarge-font-size{ font-size:26px !important; }
  .has-bur-huge-font-size{ font-size:32px !important; }
  .wp-block-quote.is-style-bur-pull p{ font-size:1.35em; }
}