/* Local editorial preview only. The frozen scoring and poster renderer are untouched. */
body:has(.dna-page) { background: #f7f5f0; font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif; }
body:has(.dna-page) .site-header { background: #f7f5f0f5; border-color: #dedbd4; }
body:has(.dna-page) .site-footer { background: #eeece6; }
.dna-page {
  --ed-paper: #f7f5f0;
  --ed-ink: #292333;
  --ed-purple: #8165a9;
  --ed-muted: #6c6273;
  --ed-line: #dcd5e0;
  max-width: 1280px;
  padding-inline: 40px;
  color: var(--ed-ink);
  background: var(--ed-paper);
  font-size: 16px;
}
/* Every existing JS visibility flag remains authoritative. */
.dna-page [hidden] { display: none !important; }
.dna-page ::selection { background: #e0d1ec; color: #292333; }
.dna-page :focus-visible { outline: 3px solid #8165a9; outline-offset: 5px; }
.dna-page .btn { min-height: 46px; padding: 12px 21px; font-size: 14px; border-radius: 6px; font-weight: 600; }
.dna-page .btn-p { background: #8165a9; color: #fff; box-shadow: none; }
.dna-page .btn-p:hover { background: #6c508f; }
.dna-page .btn-ghost { background: transparent; color: #493b57; border-color: #bdb0ca; }
.dna-page .dna-text-button { font-size: 13px; color: #66516f; }
.dna-page .dna-breadcrumb { margin: 4px 0 32px; padding-bottom: 20px; border-bottom: 1px solid var(--ed-line); font-size: 12px; letter-spacing: .5px; color: var(--ed-muted); }
.dna-page .dna-breadcrumb a { font-size: 13px; color: var(--ed-ink); }
.dna-page .dna-overline { font-size: 12px; letter-spacing: 1.6px; color: #776182; line-height: 1.6; }
.dna-page .dna-result-top { margin: 34px 0 20px; align-items: end; }
.dna-page .dna-result-top h1 { font-size: clamp(26px, 3vw, 36px); line-height: 1.35; letter-spacing: -1px; margin-top: 12px; }
.dna-page .dna-result-top h1 span { color: #8165a9; }
.dna-page .dna-result-context { font-size: 13px; color: var(--ed-muted); margin-bottom: 28px; line-height: 1.8; }
.dna-page .dna-editorial-profile { border-top: 2px solid #292333; padding-top: 22px; }
.dna-page .dna-role-hero { grid-template-columns: 1.15fr 1fr; padding: 36px; gap: 30px; margin: 0 0 22px; background: #292333; color: #eee7f4; border: 0; border-radius: 10px; }
.dna-page .dna-role-hero .dna-overline { color: #c3add8; font-size: 12px; }
.dna-page .dna-role-hero h2 { font-size: clamp(36px, 4.5vw, 58px); line-height: 1.16; letter-spacing: -1.7px; color: #fffaf5; margin: 24px 0 20px; overflow-wrap: anywhere; }
.dna-page .dna-role-hero p { font-size: 15px; line-height: 1.85; color: #e1d7e9; margin: 0 0 20px; }
.dna-page .dna-role-hero aside { border-color: #6e5d7d; padding-left: 28px; }
.dna-page .dna-role-hero aside > span { font-size: 12px; color: #c7b4d5; }
.dna-page .dna-role-hero aside > strong { color: #f4e9fc; font-size: 23px; line-height: 1.5; margin: 12px 0; }
.dna-page .dna-role-hero aside > p { font-size: 14px; }
.dna-page .dna-role-hero .btn { background: #d9c5ee; color: #35233e; margin-top: 2px; }
.dna-page .dna-role-hero .btn:hover { background: #eee1fa; }
.dna-page .dna-role-secondary { gap: 8px; }
.dna-page .dna-role-secondary span { font-size: 12px; color: #ede3f4; border: 1px solid #766282; border-radius: 3px; padding: 5px 9px; }
.dna-page .dna-result-card { background: #fffcf7; border: 1px solid var(--ed-line); color: var(--ed-ink); border-radius: 10px; box-shadow: none; }
.dna-page .dna-result-copy { padding: 30px; background: transparent; color: var(--ed-ink); }
.dna-page .dna-card-series { font-size: 12px; letter-spacing: 1.5px; color: #776182; }
.dna-page .dna-result-symbol { font-size: 34px; color: #8165a9; margin: 20px 0; }
.dna-page .dna-result-english { font-size: 12px; letter-spacing: 1.5px; line-height: 1.6; color: #776182; margin: 16px 0 0; }
.dna-page .dna-result-copy h2 { font-size: 32px; line-height: 1.4; letter-spacing: -.7px; margin: 12px 0; }
.dna-page .dna-result-tagline { font-size: 16px; line-height: 1.8; color: #54455f; margin-bottom: 16px; }
.dna-page .dna-result-tags span { font-size: 12px; color: #5f466d; border-color: #d3c5dc; background: #f0e9f5; border-radius: 3px; padding: 4px 9px; }
.dna-page .dna-result-description, .dna-page .dna-balance-note { font-size: 14px; line-height: 1.85; color: #65596e; max-width: 76ch; margin-top: 18px; }
.dna-page .dna-balance-note { border-color: #a38aba; }
.dna-page .dna-result-chart { padding: 28px; background: #efebe5; border-color: var(--ed-line); }
.dna-page .dna-chart-heading { color: #493d52; font-size: 15px; font-weight: 600; }
.dna-page .dna-chart-heading > span:last-child { color: #73627e; font-size: 12px; font-weight: 400; }
.dna-page .dna-radar-svg { max-height: 310px; margin: 16px auto; }
/* SVG overrides affect the on-page chart only, never the canvas-based share card. */
.dna-page .dna-radar-svg text { fill: #655172; font-size: 12px; }
.dna-page .dna-radar-svg polygon:not([data-series]), .dna-page .dna-radar-svg line { stroke: #84708f; stroke-opacity: .27; }
.dna-page .dna-radar-svg polygon[data-series] { fill: #8165a9; fill-opacity: .19; stroke: #8165a9; }
.dna-page .dna-radar-svg circle[data-series] { fill: #644780; }
.dna-page .dna-data-note { font-size: 12px; line-height: 1.8; color: #6b5c76; margin-bottom: 20px; }
.dna-page .dna-score-list { border-color: #d4cbdc; gap: 17px 20px; padding-top: 20px; }
.dna-page .dna-score-list dt { font-size: 12px; color: #5d4c68; }
.dna-page .dna-score-list dd { font-size: 23px; font-weight: 500; color: #5d3e7c; }
.dna-page .dna-axis-count { font-size: 12px; color: #7d6b89; margin-top: 2px; }
.dna-page .dna-score-list .dna-axis-missing dd { color: #6a5576; font-size: 12px; white-space: normal; }
/* Progressive enhancement: V5 puts one main role beside its secondary record.
   Historical versions retain the original readable, two-column profile card. */
@supports selector(:has(*)) {
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) { display: grid; grid-template-columns: 1.05fr 1fr; gap: 24px; align-items: stretch; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-role-hero { grid-area: 1 / 1; display: flex; flex-direction: column; margin: 0; padding: 32px; gap: 24px; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-role-hero aside { margin-top: auto; border-left: 0; border-top: 1px solid #6e5d7d; padding: 23px 0 0; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-card { display: contents; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-chart { grid-area: 1 / 2; border: 1px solid var(--ed-line); border-radius: 10px; justify-content: flex-start; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-copy { grid-column: 1 / -1; padding: 22px 0 4px; background: transparent; border-top: 1px solid var(--ed-line); }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-copy h2 { font-size: 24px; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-copy .dna-result-symbol { display: none; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-card-series { display: none; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-english { margin-top: 0; }
  .dna-page .dna-editorial-evidence:not(:has(.dna-matched-groups:not([hidden]))) { display: none; }
}
.dna-page .dna-share { margin: 28px 0 0; padding: 26px 0; border-color: #bdb0c6; gap: 28px; align-items: center; }
.dna-page .dna-share h3 { color: #3f314c; font-size: 22px; line-height: 1.5; margin: 8px 0; }
.dna-page .dna-share p { color: #6c6273; font-size: 14px; }
.dna-page .dna-share-buttons { gap: 10px; }
.dna-page .dna-share-buttons .btn { font-size: 14px; padding: 12px 16px; }
.dna-page .dna-share-buttons .dna-text-button { width: 100%; text-align: right; font-size: 12px; }
.dna-page .dna-share-status { font-size: 13px; color: #66516f; min-height: 0; margin-top: 10px; }
.dna-page .dna-share-status:empty { margin: 0; }
.dna-page .dna-notice { font-size: 14px; line-height: 1.85; border: 0; border-left: 3px solid #b29ac8; background: #ede5f1; color: #5e4c68; border-radius: 0; padding: 15px 18px; }
.dna-page #dna-performance-summary { background: transparent; border-block: 1px solid var(--ed-line); border-left: 0; padding: 16px 0; font-size: 13px; }
.dna-page .dna-pro-reference { margin: 54px 0 24px; }
.dna-page .dna-pro-heading { margin: 0 0 24px; max-width: 890px; }
.dna-page .dna-pro-heading h2 { font-size: clamp(24px, 3vw, 34px); color: #292333; line-height: 1.45; margin: 12px 0; }
.dna-page .dna-pro-heading > p { font-size: 15px; line-height: 1.85; color: #65596e; }
.dna-page .dna-pro-cards, .dna-page .dna-pro-cards[data-mode=mixed] { gap: 22px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.dna-page .dna-pro-card { border: 0; border-radius: 6px; background: #fffcf7; box-shadow: 0 1px 0 #d4cbdc; }
.dna-page .dna-pro-photo { height: 230px; background: #292333; }
.dna-page .dna-pro-photo > span { font-size: 35px; bottom: 18px; left: 22px; }
.dna-page .dna-pro-copy { padding: 22px; }
.dna-page .dna-pro-copy .dna-overline { font-size: 12px; line-height: 1.7; letter-spacing: .7px; }
.dna-page .dna-pro-copy h3 { font-size: 21px; color: #493155; margin: 13px 0; line-height: 1.5; }
.dna-page .dna-pro-copy > p, .dna-page .dna-pro-copy .dna-pro-reading { font-size: 14px; line-height: 1.85; color: #64536e; }
.dna-page .dna-pro-source { font-size: 12px; color: #6c4e87; line-height: 1.7; }
.dna-page .dna-pro-cards[data-mode=single] .dna-pro-card { grid-template-columns: minmax(210px, .65fr) 1.35fr; background: #fffcf7; color: var(--ed-ink); }
.dna-page .dna-pro-cards[data-mode=single] .dna-pro-photo { height: 340px; }
.dna-page .dna-pro-cards[data-mode=single] .dna-pro-photo > span { font-size: 48px; left: 24px; bottom: 24px; }
.dna-page .dna-pro-cards[data-mode=single] .dna-pro-copy { padding: 28px; background: transparent; }
.dna-page .dna-pro-cards[data-mode=single] .dna-pro-copy h3 { color: #493155; font-size: 24px; margin: 13px 0; }
.dna-page .dna-pro-cards[data-mode=single] .dna-pro-copy > p { font-size: 14px; color: #64536e; }
.dna-page .dna-pro-cards[data-mode=single] .dna-overline, .dna-page .dna-pro-cards[data-mode=single] .dna-pro-source { color: #79598c; }
.dna-page .dna-pro-disclaimer { font-size: 12px; line-height: 1.85; color: #73627e; margin: 18px 0 0; }
.dna-page .dna-pro-monogram b { font-size: 23px; }.dna-page .dna-pro-monogram small { font-size: 12px; }
.dna-page .dna-editorial-evidence { border-bottom: 1px solid var(--ed-line); margin: 0 0 30px; }
.dna-page .dna-editorial-evidence > summary { display: flex; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; font-size: 14px; color: #6b4e82; padding: 15px 0; }
.dna-page .dna-editorial-evidence > summary::-webkit-details-marker { display: none; }
.dna-page .dna-editorial-evidence[open] > summary > span { transform: rotate(45deg); }
.dna-page .dna-matched-groups { border: 0; border-radius: 0; background: #eee7f2; padding: 22px; }
.dna-page .dna-matched-groups h3 { font-size: 15px; }.dna-page .dna-matched-groups li { font-size: 14px; line-height: 1.8; margin: 12px 0; }
.dna-page .dna-matched-groups li > span { font-size: 13px; }
.dna-page .dna-result-details { gap: 28px; margin: 40px 0 64px; counter-reset: actions; }
.dna-page .dna-result-details article { border-top: 2px solid #a58ab9; padding-top: 20px; }
.dna-page .dna-result-details article + article { border-left: 0; padding-left: 0; }
.dna-page .dna-result-details article > span { font-size: 12px; color: #7c628d; letter-spacing: 1px; }
.dna-page .dna-result-details h3 { font-size: 21px; color: #3e304a; margin: 13px 0; }
.dna-page .dna-result-details p, .dna-page .dna-result-details ul { font-size: 14px; line-height: 1.85; color: #65596e; }
.dna-page .dna-result-details li + li { margin-top: 10px; }
.dna-page .dna-match { border-top: 2px solid #292333; padding-top: 34px; margin: 55px 0; }
.dna-page .dna-match-heading h2 { font-size: clamp(28px, 3.4vw, 40px); color: #292333; }
.dna-page .dna-match-heading > p, .dna-page .dna-goal-summary { font-size: 15px; color: #6c6273; line-height: 1.8; }
.dna-page .dna-goals { gap: 14px; }.dna-page .dna-goals button { border-color: #d9cedf; border-radius: 6px; padding: 19px; background: #fffcf7; }
.dna-page .dna-goals button[aria-pressed=true] { background: #e8def0; border-color: #8165a9; box-shadow: inset 0 -3px #8165a9; }
.dna-page .dna-goals b { font-size: 16px; color: #4b355c; }.dna-page .dna-goals span { font-size: 12px; color: #756180; margin-top: 7px; }
.dna-page .dna-partner-controls label, .dna-page .dna-partner-controls select { font-size: 14px; color: #584565; }
.dna-page .dna-partner-controls select { min-height: 48px; border-radius: 6px; }
.dna-page .dna-provider { padding: 27px; border-radius: 8px; border-color: #d9cedf; background: #fffcf7; }
.dna-page .dna-provider h3 { font-size: 21px; color: #292333; }.dna-page .dna-provider-head p, .dna-page .dna-provider-state { font-size: 12px; color: #756180; }
.dna-page .dna-provider-head .profile-avatar { width: 54px; height: 58px; border-radius: 6px; background: #e8ddf0; color: #795c97; }
.dna-page .dna-provider-bio, .dna-page .dna-provider-match { font-size: 14px; color: #65596e; line-height: 1.85; }
.dna-page .dna-provider-match { background: #eee5f4; border-radius: 4px; }
.dna-page .dna-provider-tags span, .dna-page .dna-provider-tags b { font-size: 12px; border-radius: 3px; }
.dna-page .dna-provider-prices { font-size: 13px; color: #66516f; }.dna-page .dna-provider-prices b { font-size: 28px; }
.dna-page .dna-provider-bottom > p, .dna-page .dna-demo-note, .dna-page .dna-match-note { font-size: 12px; color: #74617f; line-height: 1.85; }
.dna-page .dna-provider-recommended { border: 1px solid #8165a9; box-shadow: inset 4px 0 #8165a9; }
.dna-page .dna-review-card { background: #eee6f3; border-radius: 8px; border-color: #d3c4dd; }.dna-page .dna-review-card p { font-size: 15px; color: #65596e; }
.dna-page .dna-review-card > div > span { font-size: 14px; }
.dna-page .dna-method { border-color: #dcd5e0; font-size: 14px; margin-top: 20px; padding-top: 18px; color: #65596e; }
.dna-page .dna-method summary { color: #624573; font-size: 14px; line-height: 1.7; }
.dna-page .dna-method p { font-size: 14px; line-height: 1.9; }
.dna-page .dna-rule-group { background: #fffcf7; border-color: #dcd5e0; border-radius: 6px; padding: 20px; }.dna-page .dna-rule-group h4 { font-size: 16px; }.dna-page .dna-rule-group p { font-size: 14px; }
.dna-page .dna-rule-group .dna-source-links { font-size: 12px; }
.dna-page .dna-weight-table th, .dna-page .dna-weight-table td { font-size: 12px; padding: 12px; }
.dna-page .dna-reading-list li { font-size: 14px; line-height: 1.9; }.dna-page .dna-reading-list span { font-size: 13px; }
/* Keep the rest of this same page readable without changing question content. */
.dna-page .dna-intro-copy > p { font-size: 16px; color: #65596e; }.dna-page .dna-intro-copy .dna-privacy { font-size: 12px; color: #756180; line-height: 1.9; }
.dna-page .dna-intro-meta, .dna-page .dna-intro-copy #dna-load-status, .dna-page .dna-intro-art > p, .dna-page .dna-orbit-tag, .dna-page .dna-art-label { font-size: 12px; color: #756180; }
.dna-page .dna-core > span { font-size: 12px; }.dna-page .dna-core > span:last-child { font-size: 12px; }
.dna-page .dna-question-panel { background: #fffcf7; border-color: #dcd5e0; border-radius: 10px; }
.dna-page .dna-question-top, .dna-page .dna-question-top > span:last-child, .dna-page .dna-question-actions > span { font-size: 12px; }
.dna-page .dna-context { font-size: 14px; border-radius: 4px; background: #eee5f3; }
.dna-page .dna-question-hint, .dna-page .dna-question-note, .dna-page .dna-question-explanation { font-size: 13px; line-height: 1.85; color: #6c6273; }
.dna-page .dna-option > span:last-child { font-size: 15px; line-height: 1.75; }.dna-page .dna-option .dna-letter { font-size: 13px; }
.dna-page .dna-performance-grid label { font-size: 14px; }.dna-page .dna-performance-grid small { font-size: 12px; }
.dna-page .dna-performance-panel > p { font-size: 15px; }.dna-page .dna-performance-panel input, .dna-page .dna-performance-panel select { font-size: 15px; }
.dna-page .dna-demo-lab { background: #fffcf7; border-radius: 8px; border-color: #dcd5e0; }
.dna-page .dna-demo-lab > summary small, .dna-page .dna-demo-lab > summary, .dna-page .dna-demo-choices button { font-size: 13px; }
.dna-page .dna-demo-heading p, .dna-page .dna-demo-player > p { font-size: 14px; }
.dna-page .dna-demo-notice, .dna-page .dna-demo-status, .dna-page .dna-demo-axis-panel > p, .dna-page .dna-demo-axis-head, .dna-page .dna-demo-axis-head b, .dna-page .dna-demo-need p, .dna-page .dna-demo-need > span, .dna-page .dna-demo-match-heading p, .dna-page .dna-demo-provider-description, .dna-page .dna-demo-reason, .dna-page .dna-demo-tags span, .dna-page .dna-demo-provider-title, .dna-page .dna-demo-badge, .dna-page .dna-demo-footnote, .dna-page .dna-demo-answer-details > p, .dna-page .dna-demo-answer-details li { font-size: 12px; line-height: 1.85; }
.dna-page .dna-demo-player .dna-demo-ct { font-size: 12px; }
.dna-page .dna-demo-axis-panel, .dna-page .dna-demo-provider, .dna-page .dna-demo-player { border-radius: 6px; }
.dna-page .dna-poster-dialog { background: #f7f5f0; border-radius: 10px; }
.dna-page .dna-poster-dialog-top p, .dna-page .dna-poster-note { font-size: 12px; color: #756180; }
.dna-page .dna-poster-dialog > a { font-size: 14px; border-radius: 6px; }
@media (max-width: 1100px) {
  .dna-page { padding-inline: 28px; }
  .dna-page .dna-share { align-items: flex-start; flex-direction: column; gap: 20px; }
  .dna-page .dna-share-buttons { justify-content: flex-start; }
  .dna-page .dna-share-buttons .dna-text-button { width: auto; text-align: left; }
  .dna-page .dna-score-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 780px) {
  .dna-page { padding-inline: 20px; }
  .dna-page .dna-breadcrumb { margin-bottom: 24px; font-size: 12px; gap: 12px; align-items: start; }
  .dna-page .dna-breadcrumb > span { max-width: 155px; text-align: right; }
  .dna-page .dna-result-top { margin-top: 28px; align-items: flex-start; gap: 16px; }
  .dna-page .dna-result-top .dna-overline, .dna-page .dna-result-top .dna-text-button { font-size: 12px; }
  .dna-page .dna-result-top h1 { font-size: 28px; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) { display: flex; flex-direction: column; gap: 18px; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-role-hero, .dna-page .dna-role-hero { padding: 26px; grid-template-columns: 1fr; gap: 22px; }
  .dna-page .dna-role-hero h2 { font-size: 38px; margin-top: 18px; letter-spacing: -1px; }
  .dna-page .dna-role-hero aside { border-left: 0; border-top: 1px solid #6e5d7d; padding: 21px 0 0; }
  .dna-page .dna-role-hero aside > strong { font-size: 22px; }.dna-page .dna-role-hero p { font-size: 14px; }
  .dna-page .dna-role-hero .btn { font-size: 14px; }
  .dna-page .dna-result-card { grid-template-columns: 1fr; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-chart { order: 1; }
  .dna-page .dna-editorial-profile:has(.dna-role-hero:not([hidden])) .dna-result-copy { order: 2; padding-top: 20px; }
  .dna-page .dna-result-copy, .dna-page .dna-result-chart { padding: 24px; }
  .dna-page .dna-result-copy h2 { font-size: 28px; }.dna-page .dna-radar-svg { max-height: 300px; }
  .dna-page .dna-chart-heading { align-items: start; flex-wrap: wrap; gap: 5px; }
  .dna-page .dna-score-list { gap: 16px 20px; }.dna-page .dna-score-list dd { font-size: 23px; }
  .dna-page .dna-share { padding: 23px 0; margin-top: 24px; }.dna-page .dna-share h3 { font-size: 21px; }
  .dna-page .dna-share-buttons { width: 100%; gap: 12px; }.dna-page .dna-share-buttons .dna-text-button { width: 100%; }
  .dna-page .dna-pro-reference { margin-top: 42px; }.dna-page .dna-pro-cards, .dna-page .dna-pro-cards[data-mode=mixed] { grid-template-columns: 1fr; gap: 24px; }
  .dna-page .dna-pro-photo { height: 280px; }.dna-page .dna-pro-copy { padding: 23px; }
  .dna-page .dna-pro-cards[data-mode=single] .dna-pro-card { grid-template-columns: 1fr; }
  .dna-page .dna-pro-cards[data-mode=single] .dna-pro-photo { height: 300px; }
  .dna-page .dna-pro-cards[data-mode=single] .dna-pro-copy { padding: 23px; }.dna-page .dna-pro-copy h3, .dna-page .dna-pro-cards[data-mode=single] .dna-pro-copy h3 { font-size: 22px; }
  .dna-page .dna-result-details { grid-template-columns: 1fr; margin: 34px 0 45px; gap: 26px; }
  .dna-page .dna-result-details article + article { border-top: 2px solid #a58ab9; padding-top: 20px; }
  .dna-page .dna-match { padding-top: 28px; margin-top: 40px; }.dna-page .dna-match-heading h2 { font-size: 30px; }
  .dna-page .dna-goals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }.dna-page .dna-goals button { padding: 16px; }.dna-page .dna-goals b { font-size: 15px; }
  .dna-page .dna-provider { padding: 23px; }.dna-page .dna-provider-head { flex-wrap: wrap; gap: 12px; }.dna-page .dna-provider h3 { font-size: 19px; }
  .dna-page .dna-provider-state { width: 100%; margin-left: 66px; white-space: normal; }
  .dna-page .dna-partner-controls label { white-space: normal; }.dna-page .dna-partner-controls select { margin-top: 10px; }
  .dna-page .dna-notice { font-size: 13px; padding: 15px; }
  .dna-page .dna-method { font-size: 14px; }.dna-page .dna-rule-groups { grid-template-columns: 1fr; }
  .dna-page .dna-question-top > span:last-child { max-width: 140px; font-size: 12px; }.dna-page .dna-question-panel { padding: 24px 20px; }
  .dna-page .dna-question-actions { flex-wrap: wrap; gap: 12px; }.dna-page .dna-question-actions .btn, .dna-page .dna-performance-panel .dna-question-actions > button { font-size: 13px; }
  .dna-page .dna-intro-copy .dna-privacy, .dna-page .dna-intro-meta, .dna-page .dna-intro-art > p, .dna-page .dna-orbit-tag { font-size: 12px; }
  .dna-page .dna-performance-grid { grid-template-columns: 1fr; }.dna-page .dna-performance-grid label { font-size: 14px; }
  .dna-page .dna-pro-library .dna-pro-photo { height: 280px; }
}
@media (prefers-reduced-motion: reduce) { .dna-page *, .dna-page *::before, .dna-page *::after { scroll-behavior: auto; transition: none; animation: none; } }