/* CODE144 secondary pages — shared visual grammar, 2026-08-19 */
:root{
  --u-page:900px;--u-reading:900px;--u-card:#101827;--u-card-2:#0c1422;
  --u-line:#344154;--u-line-soft:rgba(148,163,184,.18);
  --u-text:#f4f5f7;--u-body:#d4d8df;--u-muted:#9da6b4;
  --u-purple:#bba4ff;--u-gold:#e2cf91;--u-green:#69d7b1;
  --u-radius:16px;--u-shadow:0 22px 60px rgba(0,0,0,.28);
}

/* Shared page shell */
body:has(.settings-wrap),body:has(.grp-header),body:has(.cp-header),
body:has(.plans-page),body:has(.legal-wrap),body:has(.arc-header),
body:has(.success-page),body:has(.card-title),body:has(.outline-header){
  background:radial-gradient(800px 520px at 100% 0,rgba(66,184,173,.07),transparent 60%),linear-gradient(180deg,#070b15,#0a111d)!important;
  color:var(--u-text)!important;
}

/* Settings */
body:has(.settings-wrap) .settings-wrap{max-width:var(--u-reading)!important;padding:30px 20px 84px!important}
.settings-page-title{margin:4px 0 28px;font-size:30px;line-height:1.35;font-weight:600;letter-spacing:.035em;color:var(--u-text)}
body:has(.settings-wrap) .settings-section{margin:0 0 18px!important;padding:22px 22px 24px!important;border:1px solid var(--u-line)!important;border-radius:var(--u-radius)!important;background:var(--u-card)!important;box-shadow:0 12px 35px rgba(0,0,0,.18)}
body:has(.settings-wrap) .settings-section-heading{margin:0 0 18px!important;font-size:16px!important;line-height:1.5!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--u-purple)!important}
body:has(.settings-wrap) label,body:has(.settings-wrap) [style*="font-size:12px"],body:has(.settings-wrap) [style*="font-size: 12px"]{font-size:14px!important;line-height:1.65!important}
body:has(.settings-wrap) input,body:has(.settings-wrap) select,body:has(.settings-wrap) textarea{min-height:46px!important;font-size:16px!important;border-color:var(--u-line)!important;background:#0a1220!important}
body:has(.settings-wrap) button{min-height:42px;font-size:15px!important}

/* Group detail: visually belongs to CIRCLE */
body:has(.grp-header) .wrap{max-width:var(--u-page)!important;padding:22px 20px 84px!important}
body:has(.grp-header) .back-btn{font-size:14px!important;color:var(--u-muted)!important}
body:has(.grp-header) .grp-header{position:relative;overflow:hidden;margin:0 0 22px!important;padding:34px 32px 30px;border:1px solid var(--u-line);border-radius:4px 24px 4px 24px;background:radial-gradient(400px 220px at 100% 0,rgba(105,215,177,.10),transparent 70%),linear-gradient(145deg,#15182e,#091321 74%);box-shadow:var(--u-shadow)}
body:has(.grp-header) .grp-header-name{font-size:30px!important;font-weight:560!important;line-height:1.35!important;letter-spacing:.035em!important}
body:has(.grp-header) .grp-header-meta{font-size:14px!important;color:var(--u-muted)!important}
body:has(.grp-header) .visibility-setting{background:#0c1524!important;border-color:var(--u-line)!important}
body:has(.grp-header) .visibility-label{font-size:15px!important}
body:has(.grp-header) .my-mode-desc{font-size:14px!important;color:var(--u-muted)!important}
body:has(.grp-header) .section{margin-bottom:18px!important}
body:has(.grp-header) .section-label{margin:0 0 9px!important;font-size:14px!important;letter-spacing:.06em!important;color:var(--u-purple)!important}
body:has(.grp-header) .panel{padding:20px 22px!important;border-color:var(--u-line)!important;border-radius:var(--u-radius)!important;background:var(--u-card)!important}
body:has(.grp-header) .pulse-comment,body:has(.grp-header) .member-name{font-size:15px!important}
body:has(.grp-header) .fr-btn{font-size:15px!important;letter-spacing:.03em!important}

/* SYNC result */
body:has(.cp-header) main.wrap{max-width:var(--u-page)!important;padding:22px 20px 84px!important}
body:has(.cp-header) .cp-header{margin:20px auto 22px!important;padding:36px 24px 30px!important;border:1px solid var(--u-line)!important;border-radius:4px 24px 4px 24px!important;background:linear-gradient(145deg,#15182e,#091321 74%)!important}
body:has(.cp-header) .cp-code-pair{font-size:30px!important;line-height:1.35!important;font-weight:560!important;letter-spacing:.05em!important}
body:has(.cp-header) .cp-sign-pair{font-size:15px!important;color:var(--u-muted)!important}
body:has(.cp-header) .axia-section,body:has(.cp-header) .cp-section{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
body:has(.cp-header) .axia-heading{font-size:20px!important}
body:has(.cp-header) .axia-heading-sub,body:has(.cp-header) .axia-memo{font-size:14px!important;color:var(--u-muted)!important}
body:has(.cp-header) .axia-card,body:has(.cp-header) .cp-section{background:var(--u-card)!important;border-color:var(--u-line)!important}
body:has(.cp-header) .cp-section-title{font-size:16px!important;letter-spacing:.03em!important;color:var(--u-purple)!important}
body:has(.cp-header) .cp-section-body{font-size:16px!important;line-height:1.9!important;color:var(--u-body)!important}

/* Plans */
body:has(.plans-page) .wrap{max-width:var(--u-page)!important}
body:has(.plans-page) .hero{max-width:760px!important;margin:20px auto 28px!important;padding:38px 34px!important;border:1px solid var(--u-line)!important;border-radius:4px 24px 4px 24px!important;background:linear-gradient(145deg,#15182e,#091321 74%)!important;text-align:left!important}
body:has(.plans-page) .hero h1{font-size:30px!important;line-height:1.4!important;font-weight:560!important;letter-spacing:.03em!important}
body:has(.plans-page) .hero-sub{font-size:16px!important;line-height:1.85!important;color:var(--u-body)!important}
body:has(.plans-page) .plan-card{border-color:var(--u-line)!important;background:var(--u-card)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}
body:has(.plans-page) .plan-desc,body:has(.plans-page) .plan-features li{font-size:15px!important;line-height:1.75!important}

/* Legal and completion pages */
.legal-wrap{max-width:var(--u-reading)!important;padding:22px 20px 90px!important}
.legal-wrap .legal-body{margin-top:20px!important;padding:34px 34px 42px!important;border:1px solid var(--u-line)!important;border-radius:var(--u-radius)!important;background:var(--u-card)!important}
.legal-wrap h1{font-size:30px!important;line-height:1.4!important;font-weight:560!important;letter-spacing:.03em!important}
.legal-wrap h2{margin-top:32px!important;font-size:18px!important;line-height:1.55!important;color:var(--u-purple)!important}
.legal-wrap p,.legal-wrap li,.legal-wrap td,.legal-wrap th{font-size:15px!important;line-height:1.9!important;color:var(--u-body)!important}
body:has(.arc-header) .wrap{max-width:var(--u-page)!important;padding:22px 20px 84px!important}
body:has(.arc-header) .arc-header{padding:34px 32px!important;border:1px solid var(--u-line)!important;border-radius:4px 24px 4px 24px!important;background:linear-gradient(145deg,#15182e,#091321 74%)!important}
body:has(.arc-header) .arc-title{font-size:30px!important;font-weight:560!important}
body:has(.success-page) .success-page{max-width:680px!important;margin:40px auto!important;padding:40px 34px!important;border:1px solid var(--u-line)!important;border-radius:4px 24px 4px 24px!important;background:var(--u-card)!important}
body:has(.success-page) .success-heading{font-size:30px!important;line-height:1.4!important;font-weight:560!important}
body:has(.success-page) .success-body{font-size:16px!important;line-height:1.85!important;color:var(--u-body)!important}
body:has(.card-title) .wrap{max-width:680px!important;padding:44px 20px 80px!important}
body:has(.card-title) .card{border-color:var(--u-line)!important;border-radius:var(--u-radius)!important;background:var(--u-card)!important;box-shadow:var(--u-shadow)!important}
body:has(.card-title) .card-title,body:has(.card-title) .status-title{font-size:20px!important;line-height:1.55!important}
body:has(.card-title) .card-sub,body:has(.card-title) .status-sub{font-size:15px!important;line-height:1.8!important;color:var(--u-body)!important}

/* SCAN result / outline */
body:has(.outline-header) main.wrap{max-width:var(--u-reading)!important;padding:22px 20px 84px!important}
body:has(.outline-header) .outline-header{margin:20px 0 24px!important;padding:30px 28px!important;border:1px solid var(--u-line)!important;border-radius:4px 24px 4px 24px!important;background:linear-gradient(145deg,#15182e,#091321 74%)!important;text-align:left!important}
body:has(.outline-header) .outline-header-main{font-size:20px!important;line-height:1.5!important;font-weight:600!important;letter-spacing:.035em!important;color:var(--u-text)!important}
body:has(.outline-header) .outline-header-sub{font-size:14px!important;line-height:1.7!important;color:var(--u-muted)!important}
body:has(.outline-header) .personalize-line{font-size:30px!important;line-height:1.4!important;font-weight:560!important}
body:has(.outline-header) .core-body{font-size:16px!important;line-height:1.9!important;color:var(--u-body)!important}
body:has(.outline-header) .core-body h1,body:has(.outline-header) .core-body h2{font-size:20px!important;line-height:1.55!important}
body:has(.outline-header) .core-body h3{font-size:17px!important}
body:has(.outline-header) .precision-note{font-size:14px!important;line-height:1.7!important;background:var(--u-card)!important;border-color:var(--u-line)!important}
body:has(.outline-header) .today-hint-block,body:has(.outline-header) .outline-element-card{background:var(--u-card)!important;border-color:var(--u-line)!important;border-radius:var(--u-radius)!important}
body:has(.outline-header) .outline-elements-kicker,body:has(.outline-header) .outline-element-label{font-size:14px!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--u-purple)!important}
body:has(.outline-header) .outline-elements-title{font-size:20px!important}
body:has(.outline-header) .outline-elements-lead,body:has(.outline-header) .outline-element-card-desc,body:has(.outline-header) .outline-element-card-foot{font-size:14px!important;line-height:1.75!important;color:var(--u-muted)!important}

/* Profile editorial module: THREE FACTS */
body:has(.outline-header) .core-body .three-facts{
  position:relative;margin:54px 0 12px;padding:30px 28px 28px;overflow:hidden;
  border:1px solid rgba(203,180,255,.19);border-radius:4px 24px 4px 24px;
  background:
    radial-gradient(440px 220px at 100% 0,rgba(139,92,246,.12),transparent 72%),
    linear-gradient(145deg,rgba(22,24,45,.96),rgba(8,14,27,.98));
  box-shadow:0 24px 68px rgba(0,0,0,.28);
}
body:has(.outline-header) .core-body .three-facts::before{
  content:"03";position:absolute;right:22px;top:18px;
  color:rgba(224,202,138,.22);font-size:40px;font-weight:500;line-height:1;letter-spacing:.04em;
}
body:has(.outline-header) .core-body .three-facts-title{
  margin:0 0 9px!important;padding:0!important;border:0!important;
  color:#f7f3ff!important;font-size:22px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:.11em!important;
}
body:has(.outline-header) .core-body .three-facts-intro{
  max-width:560px;margin:0 0 24px!important;padding:0 54px 20px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:rgba(232,234,242,.67)!important;font-size:14px!important;line-height:1.8!important;
}
body:has(.outline-header) .core-body .three-facts-grid{display:grid;gap:12px}
body:has(.outline-header) .core-body .three-fact{
  position:relative;padding:20px 21px 18px 24px;
  border:1px solid rgba(255,255,255,.08);border-radius:3px 15px 3px 15px;
  background:rgba(255,255,255,.026);
}
body:has(.outline-header) .core-body .three-fact::before{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:#cbb4ff;
}
body:has(.outline-header) .core-body .three-fact-work::before{background:#dcc98c}
body:has(.outline-header) .core-body .three-fact-money::before{background:#65d7b1}
body:has(.outline-header) .core-body .three-fact-title{
  display:flex;align-items:baseline;gap:11px;margin:0 0 9px!important;padding:0!important;border:0!important;
  font-size:17px!important;line-height:1.55!important;letter-spacing:.02em!important;
}
body:has(.outline-header) .core-body .three-fact-label{
  min-width:54px;color:#cbb4ff;font-size:11px;font-weight:750;letter-spacing:.16em;
}
body:has(.outline-header) .core-body .three-fact-work .three-fact-label{color:#dcc98c}
body:has(.outline-header) .core-body .three-fact-money .three-fact-label{color:#65d7b1}
body:has(.outline-header) .core-body .three-fact-name{color:#f5f4f8;font-weight:650}
body:has(.outline-header) .core-body .three-fact p{
  margin:0!important;color:rgba(232,234,242,.78)!important;font-size:15px!important;line-height:1.9!important;
}

@media(max-width:600px){
  .settings-page-title,body:has(.grp-header) .grp-header-name,body:has(.cp-header) .cp-code-pair,body:has(.plans-page) .hero h1,.legal-wrap h1,body:has(.arc-header) .arc-title,body:has(.outline-header) .personalize-line{font-size:27px!important}
  body:has(.settings-wrap) .settings-section,body:has(.grp-header) .panel{padding:19px 17px!important}
  body:has(.grp-header) .grp-header,body:has(.cp-header) .cp-header,body:has(.plans-page) .hero,body:has(.arc-header) .arc-header{padding:28px 21px 25px!important;border-radius:4px 20px 4px 20px!important}
  body:has(.cp-header) .axia-grid{grid-template-columns:1fr!important}
  .legal-wrap .legal-body{padding:26px 20px 34px!important}
  body:has(.outline-header) .core-body .three-facts{margin-top:44px;padding:24px 17px 18px;border-radius:3px 19px 3px 19px}
  body:has(.outline-header) .core-body .three-facts::before{right:15px;top:15px;font-size:32px}
  body:has(.outline-header) .core-body .three-facts-title{font-size:19px!important}
  body:has(.outline-header) .core-body .three-facts-intro{padding-right:38px;margin-bottom:18px!important;font-size:13px!important}
  body:has(.outline-header) .core-body .three-fact{padding:17px 15px 16px 18px}
  body:has(.outline-header) .core-body .three-fact-title{display:block;margin-bottom:8px!important}
  body:has(.outline-header) .core-body .three-fact-label{display:block;margin-bottom:3px}
  body:has(.outline-header) .core-body .three-fact p{font-size:14px!important;line-height:1.85!important}
}