/* Keep these rules after paycow-theme.css. The page scope intentionally
   outranks the shared legacy About selectors, including their breakpoints. */
.about-page.theme-site .about-intro,
.about-page.theme-site .about-content .info-card > * { min-width: 0; }
.about-page.theme-site .about-content .feature-list { padding: 0; }
.about-page.theme-site .about-content code { box-decoration-break: clone; -webkit-box-decoration-break: clone; }

.about-page.theme-site .about-header {
    width: min(1180px, 92%);
    max-width: none;
    margin: 0 auto;
    padding: 154px 0 76px;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: clamp(32px, 5vw, 80px);
    align-items: center;
    text-align: left;
    background: none;
    border: 0;
}
.about-page.theme-site .about-eyebrow { display: block; margin-bottom: 24px; font-size: 10px; font-weight: 600; letter-spacing: 1.8px; color: #61754c; }
.about-page.theme-site .about-header h1 { font-size: clamp(38px, 4.7vw, 66px); font-weight: 500; line-height: 1.08; letter-spacing: -.055em; margin: 0 0 26px; overflow-wrap: anywhere; }
.about-page.theme-site .about-header h1 span { display: block; color: #6e8254; }
.about-page.theme-site .about-header p { max-width: 450px; margin: 0; font-size: 15px; line-height: 1.85; color: var(--pc-muted); }
.about-page.theme-site .about-explore { display: inline-flex; align-items: center; gap: 32px; margin-top: 30px; padding: 12px 0; border-bottom: 1px solid var(--pc-ink); color: var(--pc-ink); text-decoration: none; font-size: 12px; font-weight: 600; }
.about-page.theme-site .about-explore span { font-size: 20px; transition: transform .2s ease; }
.about-page.theme-site .about-explore:hover span { transform: translate(3px, -3px); }
.about-page.theme-site .about-blueprint { position: relative; isolation: isolate; overflow: hidden; padding: 24px; border: 1px solid #cbd7bc; border-radius: 12px; background-color: var(--pc-sage); background-image: radial-gradient(#b9c6a9 1px, transparent 1px); background-size: 20px 20px; }
.about-page.theme-site .blueprint-top, .about-page.theme-site .blueprint-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 9px; letter-spacing: 1px; }
.about-page.theme-site .blueprint-top { margin-bottom: 34px; }
.about-page.theme-site .blueprint-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pc-ink); box-shadow: 0 0 0 5px #14382d0c; }
.about-page.theme-site .blueprint-orbit { position: absolute; z-index: -1; width: 320px; height: 320px; border: 1px solid #bdcbaa; border-radius: 50%; top: 54px; left: calc(50% - 160px); }
.about-page.theme-site .blueprint-node { position: relative; display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--pc-border); border-radius: 8px; background: var(--pc-paper); box-shadow: 0 12px 30px #14382d08; }
.about-page.theme-site .blueprint-source { margin-right: 40px; }
.about-page.theme-site .blueprint-node small { display: block; font-size: 8px; letter-spacing: 1.5px; margin-bottom: 6px; }
.about-page.theme-site .blueprint-node strong { font-size: clamp(16px, 1.8vw, 23px); font-weight: 500; letter-spacing: -.5px; }
.about-page.theme-site .node-symbol { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border: 1px solid #cbd7bc; border-radius: 8px; font-size: 24px; }
.about-page.theme-site .blueprint-route { display: flex; justify-content: flex-end; align-items: center; gap: 20px; height: 58px; margin-right: 48px; font-size: 10px; }
.about-page.theme-site .blueprint-route b { font-size: 30px; font-weight: 400; }
.about-page.theme-site .blueprint-wallet { margin-left: 28px; background: var(--pc-ink); color: var(--pc-paper); border-color: var(--pc-ink); }
.about-page.theme-site .blueprint-wallet small, .about-page.theme-site .wallet-check { color: var(--pc-lime); }
.about-page.theme-site .wallet-check { margin-left: auto; }
.about-page.theme-site .blueprint-event { display: flex; gap: 12px; align-items: center; margin: 22px 0; padding: 15px 18px; background: var(--pc-lime); border-radius: 6px; }
.about-page.theme-site .blueprint-event strong, .about-page.theme-site .blueprint-event small { display: block; font-size: 11px; }
.about-page.theme-site .blueprint-event small { margin-top: 3px; font-size: 10px; }
.about-page.theme-site .about-content { width: min(1180px, 92%); max-width: none; margin: 0 auto 90px; padding: 0; background: transparent; border: 0; border-radius: 0; overflow: visible; }
.about-page.theme-site .about-content .info-card { padding: 48px 0; margin: 0; border: 0; border-top: 1px solid var(--pc-border); border-radius: 0; background: none; box-shadow: none; scroll-margin-top: 110px; }
.about-page.theme-site .about-content .info-card h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 500; margin-bottom: 24px; }
.about-page.theme-site .about-content .info-card h2 i { display: none; }
.about-page.theme-site .about-content .about-model { display: grid; grid-template-columns: .8fr 1fr 1fr; gap: 0 40px; }
.about-page.theme-site .about-model .about-eyebrow { grid-column: 1 / -1; }
.about-page.theme-site .about-content .about-model > p { margin: 0; }
.about-page.theme-site .about-content .about-workflow .feature-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; counter-reset: workflow; }
.about-page.theme-site .about-content .about-workflow .feature-list li { display: block; padding: 26px; background: #fff; border: 1px solid var(--pc-border); border-radius: 12px; counter-increment: workflow; transition: border-color .2s ease, box-shadow .2s ease; }
.about-page.theme-site .about-workflow .feature-list li::before { content: '0' counter(workflow); width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--pc-sage); color: var(--pc-ink); font-size: 11px; letter-spacing: 1px; margin-bottom: 24px; }
.about-page.theme-site .about-content .about-workflow .feature-list li i { display: none; }
.about-page.theme-site .feature-list strong { display: block; color: var(--pc-ink); font-weight: 600; font-size: 14px; margin-bottom: 10px; }
.about-page.theme-site .about-content .about-specs:last-child { padding: 38px; background: var(--pc-sage); border: 1px solid var(--pc-border); border-radius: 12px; }
.about-page.theme-site .about-content .about-specs .feature-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; list-style: none; }
.about-page.theme-site .about-content .about-specs .feature-list li { display: flex; border-top-color: #cbd7bc; padding: 22px 0; }
.about-page.theme-site .about-content .about-specs .feature-list li i { background: var(--pc-paper); }
.about-page.theme-site .about-specs .feature-list li i::before { content: '✓'; font-family: sans-serif; }
@media (hover: hover) {
    .about-page.theme-site .about-workflow .feature-list li:hover {
        border-color: #a5b799;
        box-shadow: 0 8px 24px #14382d08;
    }
}
@media (max-width: 1000px) {
    .about-page.theme-site .about-header { gap: 30px; }
    .about-page.theme-site .about-content .about-model { grid-template-columns: 1fr 1fr; gap: 20px 30px; }
    .about-page.theme-site .about-model .about-eyebrow, .about-page.theme-site .about-model h2 { grid-column: 1 / -1; margin-bottom: 0; }
    .about-page.theme-site .about-content .about-workflow .feature-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .about-page.theme-site .about-header { grid-template-columns: 1fr; padding: 120px 0 40px; gap: 36px; }
    .about-page.theme-site .about-header h1 { font-size: clamp(36px, 7.5vw, 52px); }
    .about-page.theme-site .about-content { margin-bottom: 48px; }
    .about-page.theme-site .about-content .info-card { padding: 32px 0; }
    .about-page.theme-site .about-content .about-model, .about-page.theme-site .about-content .about-workflow .feature-list, .about-page.theme-site .about-content .about-specs .feature-list { grid-template-columns: 1fr; }
    .about-page.theme-site .about-content .about-specs:last-child { padding: 26px 20px; }
    .about-page.theme-site .about-blueprint { padding: 20px 16px; }
    .about-page.theme-site .blueprint-node { padding: 16px 12px; gap: 10px; }
    .about-page.theme-site .blueprint-source { margin-right: 20px; }
    .about-page.theme-site .blueprint-wallet { margin-left: 12px; }
    .about-page.theme-site .blueprint-bottom { font-size: 8px; letter-spacing: .5px; }
}
@media (prefers-reduced-motion: reduce) {
    .about-page.theme-site .about-explore span,
    .about-page.theme-site .about-workflow .feature-list li { transition: none; }
}