/* Free Resources layout; all page colors/type/spacing inherit the GetDeliver contract. */
.axion-free { color: var(--axionai-text); }
.axion-free [hidden] { display: none !important; }
.axion-free-subtitle { max-width: var(--axion-intro-width); font-size: var(--axion-type-intro); line-height: 1.65; margin-top: var(--axion-space-intro); }
.axion-free-section + .axion-free-section, .axion-free-demo + .axion-free-section, .axion-free-attribution { margin-top: var(--axion-space-panel); }
.axion-free :is(h2,h3,h4,p,li,dd,a,code) { overflow-wrap: anywhere; }
.axion-free :is(button,summary,a):focus-visible { outline: 2px solid var(--axionai-text); outline-offset: 4px; }
.axion-free :is(button,summary) { cursor: pointer; }
.axion-free button { border: 1px solid var(--axionai-border); border-radius: 999px; background: var(--axionai-canvas); color: var(--axionai-text); font: inherit; padding: .5rem 1rem; min-height: 44px; }
.axion-free button[aria-pressed="true"] { background: var(--axionai-tone-_2d2d2d20); color: var(--axionai-text); box-shadow: inset 0 0 0 1px var(--axionai-border); }
.axion-free-grid, .axion-free-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--axion-layout-gutter); }
.axion-free-card { border: 1px solid var(--axionai-border); border-radius: 16px; background: var(--axionai-surface); overflow: hidden; min-width: 0; }
.axion-free-card__copy { padding: var(--axion-layout-gutter); }
.axion-free-card h2 { font-size: var(--axion-type-h2); line-height: 1.05; letter-spacing: -.045em; font-weight: 500; margin: var(--axion-space-copy) 0; }
.axion-free-card h2 a { text-decoration: none; color: inherit; }
.axion-free-card__copy > p:not(.axion-eyebrow) { margin-bottom: var(--axion-space-copy); color: var(--axionai-muted); }
.axion-free-card .axion-free-preview figcaption, .axion-free-card .axion-free-preview__controls { padding-inline: var(--axion-layout-gutter); }
.axion-free-comparison { margin-top: var(--axion-space-intro); }
.axion-free-comparison h3 { font-size: var(--axion-type-intro); font-weight: 500; margin-bottom: var(--axion-space-copy); }
.axion-free-comparison article { min-width: 0; }
.axion-free-comparison article > p { margin-top: var(--axion-space-copy); color: var(--axionai-muted); line-height: 1.7; }
.axion-free-preview { margin: 0; min-width: 0; }
.axion-free-preview__frame { background: var(--axionai-surface); border: 1px solid var(--axionai-border); border-radius: 16px; overflow: hidden; }
.axion-free-preview video, .axion-free-cover img { display: block; width: 100%; height: auto; object-fit: contain; }
.axion-free-preview[data-device="mobile"] .axion-free-preview__frame { width: min(100%, 22rem); margin-inline: auto; }
.axion-free-preview figcaption { color: var(--axionai-muted); font-size: .875rem; line-height: 1.6; margin-top: var(--axion-space-copy); }
.axion-free-preview__controls { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--axion-space-copy); margin-top: var(--axion-space-copy); }
.axion-free-preview__controls [role="group"] { display: flex; gap: .5rem; }
.axion-free-steps li { padding-block: var(--axion-space-copy); border-bottom: 1px solid var(--axionai-border); }
.axion-free-steps h3 { margin-top: 0; }
.axion-free-code { border: 1px solid var(--axionai-border); border-radius: 16px; background: var(--axionai-surface); margin-block: var(--axion-space-copy); overflow: hidden; }
.axion-free-code__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--axion-space-copy); padding: var(--axion-space-copy); border-bottom: 1px solid var(--axionai-border); font-size: .875rem; }
.axion-free-code pre { margin: 0; padding: var(--axion-space-copy); white-space: pre-wrap; overflow-wrap: anywhere; font-size: .875rem; line-height: 1.7; background: transparent; color: inherit; }
.axion-free-code code { white-space: inherit; }
.axion-free-copy-status:not(:empty) { display: block; padding: var(--axion-space-copy); }
.axion-free-demo { margin-top: var(--axion-space-panel); padding-top: var(--axion-space-details); border-top: 1px solid var(--axionai-border); }
.axion-free-demo > .axion-free-preview { margin-block: var(--axion-space-intro); }
.axion-free-demo h3 { font-size: var(--axion-type-h2); line-height: 1.05; }
.axion-free-design-notes dt { font-weight: 600; }
.axion-free-design-notes dd { margin: .5rem 0 var(--axion-space-copy); }
.axion-free-design-notes ul { display: flex; flex-wrap: wrap; gap: .5rem var(--axion-space-copy); list-style: none; padding: 0; }
/* Flex gap owns chip spacing; prose li + li margins offset every chip after the first. */
.axion-free .axion-free-design-notes li { margin: 0; border: 1px solid var(--axionai-border); border-radius: 8px; padding: .5rem; }
.axion-free details { border-top: 1px solid var(--axionai-border); padding-block: var(--axion-space-copy); }
.axion-free summary { padding: .5rem 0; font-weight: 500; }
.axion-free .axion-button { max-width: 100%; white-space: normal; text-align: center; }
.axion-free-attribution code { word-break: break-all; }
@media(max-width: 720px) { .axion-free-grid, .axion-free-comparison { grid-template-columns: minmax(0,1fr); } }

.axion-free-breadcrumbs { margin-bottom: var(--axion-space-intro); font-size: .875rem; line-height: 1.6; }
.axion-free-grid + .axion-free-section { margin-top: var(--axion-space-panel); }

/* Approved primary action treatment, shared with Frequenta/Windows/delivery.
   Keep sufficient specificity to override the legacy non-home inversion rule. */
.axionai-theme .axion-v2.axion-free .axion-button-primary { background: var(--axionai-tone-_d9202e); color: #fff !important; border-color: transparent; }
.axionai-theme .axion-v2.axion-free .axion-button-primary:is(:hover,:focus-visible) { background: var(--axionai-tone-_b81724); color: #fff !important; }