@charset "UTF-8";
/* Editorial pages share the same quiet, open layout. The home is excluded. */
body:not(.view-home) #main .page-hero {
  position: relative;
  padding-block: 64px 56px;
}
body:not(.view-home) #main .page-hero h1 {
  max-width: 820px;
  margin-bottom: 22px;
  font-size:clamp(2rem, 3.6vw, 2.875rem);
  font-weight: 580;
  line-height: 1.18;
  letter-spacing: -.044em;
  text-wrap: balance;
}
body:not(.view-home) #main .page-hero .lead {
  max-width: 740px;
  font-size:var(--text-base);
  line-height: 1.9;
}
body:not(.view-home) #main .section { padding-block: var(--layout-section-space, 80px); }
/* Adjacent sections share one gap instead of adding two full paddings. */
body:not(.view-home) #main .section + .section { padding-top: 0; }
body:not(.view-home) #main .section.compact { padding-top: 16px; }
body:not(.view-home) #main h2 {
  font-size:clamp(1.5rem, 2.55vw, 1.9375rem);
  font-weight: 570;
  line-height: 1.25;
  letter-spacing: -.035em;
  text-wrap: balance;
}
body:not(.view-home) #main .eyebrow {
  font-size:var(--text-sm);
  font-weight: 500;
  letter-spacing: .14em;
  margin-bottom: 16px;
}
body:not(.view-home) #main .section-heading { gap: 55px; margin-bottom: var(--layout-heading-space, 40px); }
body:not(.view-home) #main .section-heading > p { font-size:var(--text-base); line-height: 1.9; }
body:not(.view-home) #main .breadcrumbs { font-size:var(--text-sm); opacity: .8; }
body:not(.view-home) #main .breadcrumbs + .page-hero { padding-top: 40px; }

/* A small abstract signal, drawn locally with CSS and the site's SVG icons. */
body:not(.view-home) .editorial-hero { padding-right: 270px; }
body:not(.view-home) .editorial-signal {
  position: absolute;
  width: 200px;
  height: 200px;
  right: 18px;
  top: 52px;
  display: grid;
  place-items: center;
  color: var(--mint);
  pointer-events: none;
  opacity: .8;
}
body:not(.view-home) .signal-orbit {
  position: absolute;
  inset: 18px;
  border: 1px solid #6fdca723;
  border-radius: 50%;
  animation: editorial-orbit 30s linear infinite;
}
body:not(.view-home) .signal-orbit::before {
  content: "";
  position: absolute;
  inset: 21px;
  border: 1px dashed #6fdca735;
  border-radius: 50%;
}
body:not(.view-home) .signal-orbit::after {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  top: 21px;
  left: 22px;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 13px #6fdca765;
}
body:not(.view-home) .signal-core {
  width: 73px;
  height: 73px;
  display: grid;
  place-items: center;
  background: radial-gradient(circle, #6fdca70a, transparent 70%);
  transform: rotate(-8deg);
}
body:not(.view-home) .signal-core svg { width: 39px; height: 39px; stroke-width: 1; }
body:not(.view-home) .signal-axis {
  position: absolute;
  width: 200px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #6fdca731, transparent);
  transform: rotate(-34deg);
}
body:not(.view-home) .signal-axis::after {
  content: "";
  width: 1px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: -100px;
  background: linear-gradient(0deg, transparent, #6fdca731, transparent);
}

/* Summaries and feature lists use rules and spacing rather than panels. */
body:not(.view-home) .content-brief {
  padding: 32px 0;
  margin-bottom: 56px;
  border: 0;
  border-block: 1px solid var(--line);
  border-radius: 0;
  background: none;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .38fr);
  gap: 60px;
}
body:not(.view-home) #main .content-brief h2 { font-size:var(--text-base); letter-spacing: -.01em; margin-bottom: 10px; }
body:not(.view-home) .content-brief p { font-size:var(--text-base); line-height: 1.85; }
body:not(.view-home) .content-brief nav { gap: 10px; }
body:not(.view-home) .content-brief nav a { font-size:var(--text-sm); }
body:not(.view-home) .brief-sources { margin-top: 13px; font-size:var(--text-sm); }
body:not(.view-home) .card-grid { gap: var(--layout-grid-gap, 32px) 40px; }
body:not(.view-home) .card-grid.four { gap: var(--layout-grid-gap, 32px); }
body:not(.view-home) #main .section > h2 + .card-grid { margin-top: var(--layout-heading-space, 40px); }
body:not(.view-home) .info-card {
  padding: 32px 0 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: none;
}
body:not(.view-home) .info-card:hover { background: none; border-color: #6fdca761; }
body:not(.view-home) .icon-tile {
  width: 32px;
  height: 32px;
  justify-content: flex-start;
  background: none;
  border: 0;
  border-radius: 0;
}
body:not(.view-home) .icon-tile svg { width: 24px; height: 24px; stroke-width: 1.25; }
body:not(.view-home) .info-card h3 { font-size:var(--text-lead); font-weight: 550; line-height: 1.4; margin: 16px 0 12px; }
body:not(.view-home) .info-card p { font-size:var(--text-base); line-height: 1.85; }
body:not(.view-home) .info-card > .text-link { font-size:var(--text-sm); margin-top: 16px; }
body:not(.view-home) .honest-block,
body:not(.view-home) .about-intro { grid-template-columns: .85fr 1.3fr; gap: 85px; }
body:not(.view-home) .prose { font-size:var(--text-base); line-height: 1.95; }
body:not(.view-home) .location-tags { gap: 0 22px; }
body:not(.view-home) .location-tags span {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 13px 0;
  border-radius: 0;
  background: none;
  font-size:var(--text-base);
}
body:not(.view-home) .location-section > p { font-size:var(--text-base); }

/* Resource plans remain comparable without four heavy containers. */
body.view-pricing .pricing-control { margin-bottom: 36px; }
body.view-pricing .pricing-control > .muted { font-size:var(--text-sm); }
body.view-pricing .segmented { padding: 3px; border-radius: 8px; background: #ffffff02; }
body.view-pricing .segmented button { font-size:var(--text-sm); padding: 8px 16px; min-height: 37px; border-radius: 5px; }
body.view-pricing .segmented button.selected { background: #6fdca717; box-shadow: none; }
body.view-pricing .plan-grid { gap: 0; }
body.view-pricing .plan {
  border: 0;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  border-radius: 0;
  padding: 34px 26px 18px;
  background: none;
}
body.view-pricing .plan:first-child { border-left: 0; padding-left: 0; }
body.view-pricing .plan:last-child { padding-right: 0; }
body.view-pricing .plan.featured { border-top-color: var(--mint); background: none; box-shadow: none; }
body.view-pricing .popular {
  top: -10px;
  left: 25px;
  background: var(--bg);
  color: var(--mint);
  border-radius: 0;
  font-size:var(--text-sm);
  padding: 2px 8px;
}
body.view-pricing .plan-symbol { margin-bottom: 15px; }
body.view-pricing .plan-symbol svg { width: 22px; height: 22px; }
body.view-pricing .plan h3 { font-size:var(--text-card); font-weight: 560; }
body.view-pricing .plan-caption { font-size:var(--text-sm); min-height: 37px; }
body.view-pricing .plan-price .amount { font-size:2.25rem; font-weight: 550; }
body.view-pricing .billing-note { font-size:var(--text-sm); }
body.view-pricing .plan-workload { min-height: 88px; font-size:var(--text-sm); line-height: 1.8; }
body.view-pricing .spec-list { padding-top: 18px; }
body.view-pricing .spec-list li { font-size:var(--text-sm); line-height: 1.6; }
body.view-pricing .spec-list li span { font-size:var(--text-sm); }
body.view-pricing .spec-list svg { width: 13px; height: 13px; }
body.view-pricing .plan-cta { min-height: 43px; padding: 11px 8px; font-size:var(--text-sm); }
body.view-pricing .plan-bottom { font-size:var(--text-sm); }
body:not(.view-home) .payment-strip { justify-content: flex-start; gap: 27px; font-size:var(--text-sm); padding-top: 22px; }
body:not(.view-home) .table-wrap { border: 0; border-radius: 0; }
body:not(.view-home) #main table { font-size:var(--text-base); }
body:not(.view-home) #main th { background: none; padding: 17px 18px; border-bottom: 1px solid var(--line); }
body:not(.view-home) #main td { padding: 18px; }
body:not(.view-home) #main th:first-child,
body:not(.view-home) #main td:first-child { padding-left: 0; }
body:not(.view-home) #main tbody tr { transition: background .2s; }
body:not(.view-home) #main tbody tr:hover { background: #6fdca705; }
body:not(.view-home) .faq-section { grid-template-columns: .8fr 1.4fr; gap: 90px; }
body:not(.view-home) .faq-list summary { font-size:var(--text-base); font-weight: 500; }
body:not(.view-home) .faq-answer { font-size:var(--text-base); }
body:not(.view-home) .cta-block {
  padding: 40px 0;
  margin-block: 24px var(--layout-section-space, 80px);
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: none;
  gap: 60px;
}
body:not(.view-home) #main .cta-block h2 { max-width: 600px; font-size:1.8125rem; }
body:not(.view-home) .cta-block p { font-size:var(--text-base); margin-top: 16px; }

/* Contact keeps the form readable and preserves all original validation. */
body.view-contact .contact-grid { grid-template-columns: .8fr 1.2fr; gap: 100px; }
body.view-contact .contact-grid .info-card { padding-top: 0; border: 0; }
body.view-contact #main .contact-grid .info-card h2 { font-size:1.5rem; margin-top: 18px; }
body.view-contact .contact-shortcuts { padding: 30px 0 0; margin-top: 32px; border-top: 1px solid var(--line); }
body.view-contact .contact-shortcuts h3 { font-size:var(--text-base); }
body.view-contact .contact-shortcuts a { font-size:var(--text-base); }
body.view-contact .form-panel { padding: 0 0 0 46px; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: none; }
body.view-contact #main .form-panel h2 { font-size:1.5rem; }
body.view-contact #main .form-panel h2 { margin-bottom: 24px; }
body.view-contact .form-note { font-size:var(--text-base); line-height: 1.8; margin-bottom: 32px; }
body.view-contact .form-panel label { font-size:var(--text-base); }
body.view-contact #main .form-panel label { margin-bottom: 24px; }
body.view-contact .form-panel input,
body.view-contact .form-panel textarea { border-radius: 6px; background: #ffffff02; padding: 12px 13px; font-size:var(--text-base); }
body.view-contact .form-panel input:hover,
body.view-contact .form-panel textarea:hover { border-color: #6b948080; }
body.view-contact .form-panel input:focus,
body.view-contact .form-panel textarea:focus { border-color: var(--mint); }
body.view-contact .status-label { background: none; border: 0; border-radius: 0; padding: 0; font-size:var(--text-sm); }
body.view-contact .status-label::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; margin: auto 8px auto 0; }

/* The journal is an index of guides with a consistent reading rhythm. */
body.view-blog .blog-filters { gap: 6px 23px; margin-bottom: 24px; }
body.view-blog .filter { border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: none; padding: 10px 0; font-size:var(--text-base); }
body.view-blog .filter.active { border-bottom-color: var(--mint); background: none; }
body.view-blog .guide-index { grid-template-columns: 1fr; gap: 0; }
body.view-blog .guide-entry {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 35px;
  padding: 34px 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: none;
  overflow: visible;
  transition: border-color .2s;
}
body.view-blog .guide-entry:hover { border-color: #6fdca770; transform: none; }
body.view-blog .article-visual,
body.view-blog .article-card:nth-child(3n+2) .article-visual {
  height: 86px;
  background: none;
  border: 0;
  overflow: visible;
  justify-content: flex-start;
}
body.view-blog .article-visual > svg { width: 35px; height: 35px; color: var(--mint); opacity: .85; stroke-width: 1.15; }
body.view-blog .article-line { display: none; }
body.view-blog .article-index { left: 0; bottom: -3px; color: #6d8a7c; font-size:var(--text-sm); }
body.view-blog .article-card-body { padding: 0; max-width: 800px; }
body.view-blog .article-meta { font-size:var(--text-sm); gap: 18px; }
body.view-blog #main .article-card h2 { font-size:1.5rem; line-height: 1.35; margin: 10px 0 12px; font-weight: 550; }
body.view-blog .article-card p { font-size:var(--text-base); line-height: 1.85; }
body.view-blog .article-card .text-link { font-size:var(--text-sm); margin-top: 17px; }
body.view-blog .guide-arrow { color: var(--mint); font-size:1.5625rem; line-height: 1; transition: transform .2s; }
body.view-blog .guide-entry:hover .guide-arrow { transform: translate(3px, -3px); }

/* Reading pages retain a lightweight, sticky index and generous line length. */
body:not(.view-home) .article-layout,
body:not(.view-home) .detail-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 76px; }
body:not(.view-home) .article-layout { padding-top: 48px; }
body:not(.view-home) .article-content,
body:not(.view-home) .detail-content { max-width: 820px; }
body:not(.view-home) .article-aside,
body:not(.view-home) .detail-aside { top: 110px; font-size:var(--text-sm); }
body:not(.view-home) .article-aside > .back-link { font-size:var(--text-sm); margin-bottom: 32px; }
body:not(.view-home) .article-aside > .back-link::before { content: "←"; margin-right: 8px; }
body:not(.view-home) .article-aside nav,
body:not(.view-home) .detail-aside nav { padding-left: 0; border-left: 0; gap: 0; }
body:not(.view-home) .article-aside nav a,
body:not(.view-home) .detail-aside nav a { display: flex; align-items: baseline; gap: 12px; min-height: 44px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size:var(--text-sm); }
body:not(.view-home) .toc-index { color: #82ae96; font:var(--text-sm) ui-monospace, Consolas, monospace; flex: 0 0 16px; }
body:not(.view-home) .aside-note { padding: 22px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; }
body:not(.view-home) .aside-note > svg { width: 20px; height: 20px; }
body:not(.view-home) .aside-note p { font-size:var(--text-sm); }
body:not(.view-home) .article-heading { padding-bottom: 32px; margin-bottom: 40px; }
body:not(.view-home) .article-heading .pill { background: none; border: 0; border-radius: 0; padding: 0; font-size:var(--text-sm); letter-spacing: .1em; }
body:not(.view-home) .article-heading h1 { font-size:clamp(1.875rem, 3.6vw, 2.75rem); line-height: 1.2; font-weight: 580; margin-top: 18px; text-wrap: balance; }
body:not(.view-home) .article-heading .lead { font-size:var(--text-base); line-height: 1.85; margin-top: 20px; }
body:not(.view-home) .article-heading .article-meta { font-size:var(--text-sm); margin-top: 23px; gap: 17px; }
body:not(.view-home) #main .article-section h2,
body:not(.view-home) #main .detail-section h2 { display: flex; align-items: baseline; gap: 15px; font-size:1.625rem; margin-bottom: 24px; }
body:not(.view-home) .section-index { color: var(--mint); font:var(--text-sm) ui-monospace, Consolas, monospace; letter-spacing: 0; flex: 0 0 19px; }
body:not(.view-home) .article-section { margin-bottom: 56px; }
body:not(.view-home) .detail-section { padding: 32px 0; }
body:not(.view-home) .detail-items { gap: 32px; margin-top: 32px; }
body:not(.view-home) .detail-items article { padding: 18px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; }
body:not(.view-home) .detail-items h3 { font-size:var(--text-base); }
body:not(.view-home) .detail-items p { font-size:var(--text-base); line-height: 1.85; }
body:not(.view-home) .detail-items .small-check svg { width: 14px; height: 14px; }
body:not(.view-home) .code-block { border-radius: 7px; border-color: #314338; background: #050d09; font-size:var(--text-sm); }
body:not(.view-home) .code-block > div { background: none; font-size:var(--text-sm); }
body:not(.view-home) .code-block pre { padding: 20px; font-size:var(--text-sm); }
body:not(.view-home) #main .article-sources h2 { font-size:var(--text-card); }
body:not(.view-home) .article-sources ul { list-style: none; padding: 0; }
body:not(.view-home) .article-sources li { border-bottom: 1px solid var(--line); padding: 10px 0; }
body:not(.view-home) .article-sources a { font-size:var(--text-base); }
body:not(.view-home) .article-sources a::after { content: " ↗"; }
body:not(.view-home) .article-end { font-size:var(--text-sm); margin-top: 40px; }
body:not(.view-home) .related-grid { gap: 32px 40px; }
body:not(.view-home) .related-grid > a { border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 22px 0; background: none; font-size:var(--text-base); align-items: flex-start; }
body:not(.view-home) .related-grid > a:hover { border-color: var(--mint); }
body:not(.view-home) .related-grid svg { width: 20px; height: 20px; }
body:not(.view-home) .related-grid > a::after { content: "↗"; color: var(--mint); margin-left: auto; }

@keyframes editorial-orbit { to { transform: rotate(360deg); } }
@media (max-width: 1050px) {
  body:not(.view-home) .editorial-hero { padding-right: 180px; }
  body:not(.view-home) .editorial-signal { width: 150px; height: 150px; right: 0; top: 46px; }
  body:not(.view-home) .signal-orbit { inset: 8px; }
  body:not(.view-home) .signal-axis { width: 150px; }
  body:not(.view-home) .signal-axis::after { height: 150px; top: -75px; }
  body:not(.view-home) .card-grid.four { grid-template-columns: repeat(2, 1fr); }
  body.view-pricing .plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 0; }
  body.view-pricing .plan:nth-child(3) { border-left: 0; padding-left: 0; }
  body.view-pricing .plan:nth-child(2) { padding-right: 0; }
  body.view-pricing .plan-workload { min-height: 45px; }
  body:not(.view-home) .article-layout,
  body:not(.view-home) .detail-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 42px; }
  body.view-contact .contact-grid { gap: 45px; }
  body.view-contact .form-panel { padding-left: 30px; }
  body:not(.view-home) .honest-block,
  body:not(.view-home) .about-intro { gap: 45px; }
  body:not(.view-home) .faq-section { gap: 50px; }
}
@media (max-width: 760px) {
  body:not(.view-home) #main .page-hero { padding-block: 40px; }
  body:not(.view-home) .editorial-hero { padding-right: 0; }
  body:not(.view-home) .editorial-signal { display: none; }
  body:not(.view-home) #main .page-hero h1 { font-size:clamp(1.875rem, 7vw, 2.375rem); }
  body:not(.view-home) #main .page-hero .lead { font-size:var(--text-base); line-height: 1.85; }
  body:not(.view-home) #main .section { padding-block: var(--layout-section-space, 56px); }
  body:not(.view-home) #main .section + .section { padding-top: 0; }
  body:not(.view-home) #main .section.compact { padding-top: 16px; }
  body:not(.view-home) #main .section-heading { gap: 24px; margin-bottom: var(--layout-heading-space, 32px); }
  body:not(.view-home) .content-brief { display: block; margin-bottom: 40px; padding: 24px 0; }
  body:not(.view-home) .content-brief nav { margin-top: 20px; padding-top: 17px; }
  body:not(.view-home) .card-grid,
  body:not(.view-home) .card-grid.four { gap: 24px; }
  body:not(.view-home) .info-card { padding-top: 24px; }
  body:not(.view-home) .info-card h3 { font-size:var(--text-base); }
  body:not(.view-home) .info-card p { font-size:var(--text-base); }
  body:not(.view-home) .honest-block,
  body:not(.view-home) .about-intro,
  body:not(.view-home) .faq-section { grid-template-columns: 1fr; gap: 32px; }
  body:not(.view-home) .prose { font-size:var(--text-base); }
  body:not(.view-home) .cta-block { display: block; padding: 32px 0; margin-bottom: var(--layout-section-space, 56px); }
  body:not(.view-home) #main .cta-block h2 { font-size:1.5625rem; }
  body:not(.view-home) .cta-block .button { margin-top: 23px; }
  body.view-contact .contact-grid { grid-template-columns: 1fr; gap: 48px; }
  body.view-contact .form-panel { border-left: 0; border-top: 1px solid var(--line); padding: 32px 0 0; }
  body.view-contact #main .form-panel h2 { margin-bottom: 20px; }
  body.view-contact .form-note { margin-bottom: 24px; }
  body.view-blog .guide-entry { grid-template-columns: 40px minmax(0, 1fr) 19px; gap: 17px; padding: 26px 0; }
  body.view-blog .article-visual { height: 71px; align-self: start; }
  body.view-blog .article-visual > svg { width: 26px; height: 26px; }
  body.view-blog #main .article-card h2 { font-size:var(--text-card); }
  body.view-blog .article-card p { font-size:var(--text-base); }
  body.view-blog .guide-arrow { font-size:var(--text-card); align-self: start; margin-top: 32px; }
  body.view-blog .article-meta { gap: 10px; }
  body:not(.view-home) .article-layout,
  body:not(.view-home) .detail-layout { grid-template-columns: 1fr; gap: 30px; }
  body:not(.view-home) .article-aside,
  body:not(.view-home) .detail-aside { position: static; }
  body:not(.view-home) .article-aside nav,
  body:not(.view-home) .detail-aside nav { flex-direction: row; padding: 12px 0; gap: 18px; border-bottom: 1px solid var(--line); overflow-x: auto; }
  body:not(.view-home) .article-aside nav a,
  body:not(.view-home) .detail-aside nav a { flex: 0 0 170px; border: 0; padding: 0; font-size:var(--text-sm); }
  body:not(.view-home) .article-heading h1 { font-size:2rem; }
  body:not(.view-home) .article-heading .lead { font-size:var(--text-base); }
  body:not(.view-home) #main .article-section h2,
  body:not(.view-home) #main .detail-section h2 { font-size:1.4375rem; gap: 10px; margin-bottom: 20px; }
  body:not(.view-home) .article-section { margin-bottom: 40px; }
  body:not(.view-home) .detail-section { padding-block: 24px; }
  body:not(.view-home) .detail-items { gap: 24px; margin-top: 24px; }
  body:not(.view-home) .related-grid { gap: 24px; }
}
@media (max-width: 480px) {
  body:not(.view-home) .card-grid,
  body:not(.view-home) .card-grid.four { grid-template-columns: 1fr; }
  body.view-pricing .plan-grid { grid-template-columns: 1fr; gap: 22px; }
  body.view-pricing .plan,
  body.view-pricing .plan:first-child,
  body.view-pricing .plan:nth-child(3) { border-left: 0; padding: 27px 0 16px; }
  body.view-pricing .plan-workload,
  body.view-pricing .plan-caption { min-height: 0; }
  body.view-pricing .plan .popular { left: 0; }
  body.view-pricing .plan-cta { font-size:var(--text-base); }
  body.view-pricing .plan-price .amount { font-size:2.125rem; }
  body:not(.view-home) .related-grid { grid-template-columns: 1fr; }
  body:not(.view-home) .detail-items { grid-template-columns: 1fr; }
  body.view-blog .guide-entry { gap: 12px; grid-template-columns: 28px minmax(0, 1fr) 14px; }
  body.view-blog .article-visual > svg { width: 22px; height: 22px; }
  body.view-blog #main .article-card h2 { font-size:var(--text-lead); }
  body:not(.view-home) .article-heading h1 { font-size:1.875rem; }
  body:not(.view-home) .article-end { gap: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  body:not(.view-home) .signal-orbit { animation: none; }
  body.view-blog .guide-arrow { transition: none; }
}
/* Trust documents keep the reading surface open and the type compact. */
.document-hero h1{max-width:840px;font-size:clamp(1.875rem,3.9vw,3.25rem);line-height:1.13}
.document-hero .lead{max-width:760px}
.document-meta{margin:18px 0 0;font-family:var(--mono);font-size:var(--text-sm);letter-spacing:.035em;color:var(--muted)}
.document-layout .detail-content{min-width:0}
.document-layout .detail-section .prose{max-width:760px}
.document-layout .detail-section p,.document-layout .detail-items p{overflow-wrap:anywhere}
.document-layout .detail-aside .aside-note strong{display:block;font-size:var(--text-base);margin-top:14px;line-height:1.5}
.document-layout .code-block pre{overflow-x:auto;max-width:100%;white-space:pre}
.contact-official-email{display:inline-flex;align-items:center;gap:10px;margin:16px 0 10px;color:var(--mint);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600;letter-spacing:-.04em;overflow-wrap:anywhere}
.contact-official-email svg{width:19px;height:19px;flex:none}
.contact-operator{font-family:var(--mono);font-size:var(--text-sm);color:var(--muted)}
@media(max-width:680px){.document-hero h1{font-size:2rem}.document-layout .detail-section h2{font-size:1.4375rem}.document-layout .code-block{min-width:0}.contact-official-email{font-size:var(--text-card)}}

/* Billing controls and vertical plan spacing keep the resource comparison intact. */
body.view-pricing #main .pricing-control { margin-bottom: 40px; }
@media (max-width: 760px) {
  body.view-pricing #main .pricing-control { margin-bottom: 32px; }
}
@media (max-width: 480px) {
  body.view-pricing #main .plan-grid-identity { row-gap: 40px; }
}