/* CIVIO page-specific styles
   Source: notes/registered-local-currency-sustainability.html
   Purpose: separated from HTML for maintainability and AI-assisted editing. */
:root{--rdx-red:#c4141f;--rdx-black:#050505;--rdx-line:#d6d6d3;--rdx-soft:#f4f4f1;--rdx-muted:#626262}
    .rdx-page .civio-title{max-width:1020px}
    .rdx-hero{position:relative;overflow:hidden}
    .rdx-hero::after{content:"SHORT POLICY / LONG PLATFORM";position:absolute;right:-20px;bottom:14px;color:rgba(255,255,255,.05);font:900 clamp(42px,7vw,106px)/1 var(--cv-display);letter-spacing:-.05em;white-space:nowrap;pointer-events:none}
    .rdx-thesis{display:grid;grid-template-columns:180px 1fr;gap:28px;margin:32px 0 0;padding:28px 30px;border-left:6px solid var(--rdx-red);background:#111;color:#fff;position:relative;z-index:1}
    .rdx-thesis span{font:900 11px/1.5 monospace;letter-spacing:.15em;color:#ff6670}
    .rdx-thesis strong{font-size:clamp(20px,3vw,31px);line-height:1.55}
    .rdx-hero-axis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #333;margin-top:28px;position:relative;z-index:1}
    .rdx-hero-axis div{padding:18px;border-right:1px solid #333}
    .rdx-hero-axis div:last-child{border-right:0}
    .rdx-hero-axis b{display:block;color:#fff;font-size:16px;margin-bottom:3px}
    .rdx-hero-axis small{color:#aaa}

    .rdx-definition{padding:28px 30px;border:1px solid #111;border-top:5px solid var(--rdx-red);margin:26px 0;background:#fff}
    .rdx-definition span{font:900 10px monospace;letter-spacing:.14em;color:var(--rdx-red)}
    .rdx-definition strong{display:block;margin:9px 0 6px;font-size:clamp(23px,3.3vw,39px);line-height:1.3}
    .rdx-definition p{margin-bottom:0}

    .rdx-mode-tool,.rdx-flow-tool,.rdx-policy-tool{margin-top:30px;border:1px solid #111;background:#fff}
    .rdx-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#090909;padding:8px;gap:8px}
    .rdx-tabs button{appearance:none;border:1px solid #444;background:#090909;color:#fff;min-height:64px;padding:10px 14px;font-weight:900;cursor:pointer;transition:.18s}
    .rdx-tabs button:hover,.rdx-tabs button:focus-visible{border-color:#fff;outline:none}
    .rdx-tabs button.is-active{background:var(--rdx-red);border-color:var(--rdx-red)}
    .rdx-panel{padding:34px}
    .rdx-panel>span,.rdx-flow-panel>span{font:900 10px monospace;letter-spacing:.15em;color:var(--rdx-red)}
    .rdx-panel h3,.rdx-flow-panel h3{font-size:clamp(28px,4vw,46px);line-height:1.15;margin:8px 0 16px}
    .rdx-panel>p,.rdx-flow-panel>p{max-width:880px;color:var(--rdx-muted);font-size:16px;line-height:1.9}
    .rdx-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rdx-line);margin-top:26px}
    .rdx-mode-grid div{padding:22px;border-right:1px solid var(--rdx-line);border-bottom:1px solid var(--rdx-line)}
    .rdx-mode-grid div:nth-child(3n){border-right:0}
    .rdx-mode-grid div:nth-last-child(-n+3){border-bottom:0}
    .rdx-mode-grid small{display:block;color:var(--rdx-red);font:900 10px monospace;letter-spacing:.09em;margin-bottom:8px}
    .rdx-mode-grid strong{display:block;font-size:17px;line-height:1.55}
    .rdx-mode-note{margin-top:20px;padding:17px 19px;background:var(--rdx-soft);border-left:4px solid #111;color:#444;line-height:1.8}

    .rdx-register-note{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;background:var(--rdx-red);color:#fff;padding:28px;margin:28px 0}
    .rdx-register-note span{font:900 11px monospace;letter-spacing:.14em}
    .rdx-register-note strong{font-size:clamp(22px,3vw,34px);line-height:1.45}

    .rdx-compare{width:100%;border-collapse:collapse;margin:26px 0 8px;font-size:15px}
    .rdx-compare th,.rdx-compare td{border:1px solid #bbb;padding:15px 17px;text-align:left;vertical-align:top}
    .rdx-compare th{background:#111;color:#fff;font-size:13px}
    .rdx-compare td:first-child{font-weight:900;background:#f3f3f1;width:22%}
    .rdx-compare .is-red{color:var(--rdx-red);font-weight:900}

    .rdx-flow-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:#111;padding:8px;gap:6px}
    .rdx-flow-tabs button{appearance:none;border:1px solid #444;background:#111;color:#fff;min-height:58px;padding:9px 7px;font-weight:900;cursor:pointer;transition:.18s;font-size:12px}
    .rdx-flow-tabs button:hover,.rdx-flow-tabs button:focus-visible{border-color:#fff;outline:none}
    .rdx-flow-tabs button.is-active{background:var(--rdx-red);border-color:var(--rdx-red)}
    .rdx-flow-panel{padding:32px}
    .rdx-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rdx-line);margin-top:24px}
    .rdx-flow-grid article{padding:21px;border-right:1px solid var(--rdx-line)}
    .rdx-flow-grid article:last-child{border-right:0}
    .rdx-flow-grid small{display:block;color:var(--rdx-red);font:900 10px monospace;letter-spacing:.1em;margin-bottom:9px}
    .rdx-flow-grid strong{font-size:16px;line-height:1.6}

    .rdx-data-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #111;margin-top:26px}
    .rdx-data-grid article{min-height:230px;padding:27px;border-right:1px solid #111;border-bottom:1px solid #111;background:#fff}
    .rdx-data-grid article:nth-child(3n){border-right:0}
    .rdx-data-grid article:nth-last-child(-n+3){border-bottom:0}
    .rdx-data-grid span{font:900 10px monospace;color:var(--rdx-red);letter-spacing:.1em}
    .rdx-data-grid h3{font-size:23px;margin:38px 0 10px}
    .rdx-data-grid p{color:#666;line-height:1.8}
    .rdx-data-caution{margin-top:22px;padding:24px 26px;border:1px solid #111;border-left:5px solid var(--rdx-red);background:#111;color:#fff}
    body.cv-article-page .rdx-data-caution strong{display:block;color:#fff!important;font-size:18px;margin-bottom:8px}
    body.cv-article-page .rdx-data-caution p{margin:0;color:#fff!important}

    .rdx-bpr-map{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #111;margin:28px 0 18px}
    .rdx-bpr-map article{min-height:190px;padding:24px 18px;border-right:1px solid #111;background:#fff}
    .rdx-bpr-map article:last-child{border-right:0;background:#111;color:#fff}
    .rdx-bpr-map span{font:900 10px monospace;color:var(--rdx-red)}
    .rdx-bpr-map h3{font-size:20px;margin:34px 0 8px}
    .rdx-bpr-map p{font-size:13px;line-height:1.7;color:#666}
    .rdx-bpr-map article:last-child p{color:#bbb}

    .rdx-policy-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:#111;padding:8px;gap:6px}
    .rdx-policy-tabs button{appearance:none;border:1px solid #444;background:#111;color:#fff;min-height:58px;padding:10px 7px;font-weight:900;cursor:pointer;transition:.18s;font-size:12px}
    .rdx-policy-tabs button:hover,.rdx-policy-tabs button:focus-visible{border-color:#fff;outline:none}
    .rdx-policy-tabs button.is-active{background:var(--rdx-red);border-color:var(--rdx-red)}
    .rdx-policy-panel{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:32px}
    .rdx-policy-panel span{font:900 10px monospace;color:var(--rdx-red);letter-spacing:.12em}
    .rdx-policy-panel h3{font-size:clamp(27px,3.8vw,43px);line-height:1.2;margin:8px 0 13px}
    .rdx-policy-panel p{color:#666;line-height:1.85}
    .rdx-policy-panel ul{margin:0;padding-left:21px;line-height:1.9}

    .rdx-checker{border:1px solid #111;margin-top:28px}
    .rdx-checker-head{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:#111;color:#fff;padding:26px 30px}
    .rdx-checker-head span{font:900 10px monospace;color:#ff6670;letter-spacing:.13em}
    .rdx-checker-head h3{font-size:clamp(24px,3.2vw,38px);margin:7px 0 0}
    .rdx-check-score{font:900 42px/1 monospace;color:#fff}
    .rdx-check-list{display:grid;grid-template-columns:1fr 1fr}
    .rdx-check-list label{display:flex;gap:13px;align-items:flex-start;min-height:102px;padding:22px;border-right:1px solid var(--rdx-line);border-bottom:1px solid var(--rdx-line);cursor:pointer;background:#fff}
    .rdx-check-list label:nth-child(2n){border-right:0}
    .rdx-check-list label:nth-last-child(-n+2){border-bottom:0}
    .rdx-check-list input{margin-top:5px;accent-color:var(--rdx-red);width:18px;height:18px;flex:0 0 auto}
    .rdx-check-list span{line-height:1.7;font-weight:700}
    .rdx-check-result{padding:22px 26px;background:var(--rdx-soft);border-top:1px solid #111}
    .rdx-check-result strong{display:block;font-size:21px;margin-bottom:6px}
    .rdx-check-result>span{color:#666}
    .rdx-check-progress{height:7px;background:#ddd;margin-top:17px;overflow:hidden}
    .rdx-check-progress span{display:block;height:100%;width:0;background:var(--rdx-red);transition:.25s}

    .rdx-conclusion{display:grid;grid-template-columns:170px 1fr;gap:25px;background:#111;color:#fff;padding:30px;margin-top:28px}
    .rdx-conclusion span{font:900 11px monospace;letter-spacing:.14em;color:#ff6670}
    .rdx-conclusion strong{font-size:clamp(23px,3.2vw,37px);line-height:1.5}

    .rdx-related{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #111;margin-top:24px}
    .rdx-related a{display:flex;flex-direction:column;min-height:150px;padding:22px;color:#111;text-decoration:none;border-right:1px solid #111;transition:.18s}
    .rdx-related a:last-child{border-right:0}
    .rdx-related a:hover{background:#111;color:#fff}
    .rdx-related span{font:900 10px monospace;color:var(--rdx-red)}
    .rdx-related strong{font-size:18px;line-height:1.5;margin-top:auto}
    .rdx-legal-date{display:inline-flex;gap:12px;align-items:center;padding:10px 14px;margin:4px 0 20px;border:1px solid #111;background:#fff;color:#111}
    .rdx-legal-date span{background:var(--rdx-red);color:#fff;padding:5px 8px;font:900 10px monospace;letter-spacing:.1em}

    @media(max-width:980px){
      .rdx-thesis,.rdx-register-note,.rdx-conclusion{grid-template-columns:1fr}
      .rdx-hero-axis{grid-template-columns:1fr}.rdx-hero-axis div{border-right:0;border-bottom:1px solid #333}.rdx-hero-axis div:last-child{border-bottom:0}
      .rdx-mode-grid{grid-template-columns:1fr}.rdx-mode-grid div{border-right:0!important;border-bottom:1px solid var(--rdx-line)!important}.rdx-mode-grid div:last-child{border-bottom:0!important}
      .rdx-flow-tabs{grid-template-columns:repeat(3,1fr)}
      .rdx-flow-grid{grid-template-columns:1fr 1fr}.rdx-flow-grid article:nth-child(2){border-right:0}.rdx-flow-grid article:nth-child(-n+2){border-bottom:1px solid var(--rdx-line)}
      .rdx-data-grid{grid-template-columns:1fr 1fr}.rdx-data-grid article{border-right:1px solid #111!important;border-bottom:1px solid #111!important}.rdx-data-grid article:nth-child(2n){border-right:0!important}.rdx-data-grid article:nth-last-child(-n+2){border-bottom:0!important}
      .rdx-bpr-map{grid-template-columns:1fr}.rdx-bpr-map article{min-height:auto;border-right:0;border-bottom:1px solid #111}.rdx-bpr-map article:last-child{border-bottom:0}
      .rdx-policy-tabs{grid-template-columns:repeat(3,1fr)}
      .rdx-policy-panel{grid-template-columns:1fr}
      .rdx-related{grid-template-columns:1fr 1fr}.rdx-related a:nth-child(2){border-right:0}.rdx-related a:nth-child(-n+2){border-bottom:1px solid #111}
    }
    @media(max-width:680px){
      .rdx-tabs,.rdx-flow-tabs,.rdx-policy-tabs{grid-template-columns:1fr}
      .rdx-panel,.rdx-flow-panel,.rdx-policy-panel{padding:24px 20px}
      .rdx-compare{font-size:13px}.rdx-compare th,.rdx-compare td{padding:11px 10px}.rdx-compare td:first-child{width:auto}
      .rdx-flow-grid{grid-template-columns:1fr}.rdx-flow-grid article{border-right:0!important;border-bottom:1px solid var(--rdx-line)!important}.rdx-flow-grid article:last-child{border-bottom:0!important}
      .rdx-data-grid{grid-template-columns:1fr}.rdx-data-grid article{border-right:0!important;border-bottom:1px solid #111!important}.rdx-data-grid article:last-child{border-bottom:0!important}
      .rdx-checker-head{grid-template-columns:1fr}.rdx-check-score{font-size:30px}
      .rdx-check-list{grid-template-columns:1fr}.rdx-check-list label{border-right:0!important;border-bottom:1px solid var(--rdx-line)!important}.rdx-check-list label:last-child{border-bottom:0!important}
      .rdx-related{grid-template-columns:1fr}.rdx-related a{border-right:0!important;border-bottom:1px solid #111!important}.rdx-related a:last-child{border-bottom:0!important}
    }

    /* 2026-07-16 readability and interaction refinements */
    .rdx-page .article-wrap{max-width:940px;margin:0 auto}
    .rdx-page .civio-section{padding:68px 0}
    .rdx-page .civio-section>h2{font-size:clamp(34px,4.6vw,52px)!important;line-height:1.2!important;letter-spacing:-.03em!important;margin:0 0 22px!important}
    .rdx-page .civio-section>p,.rdx-page .civio-section li{font-size:16px;line-height:2;color:#3f3f3f}
    .rdx-page .civio-section>p{max-width:880px}
    .rdx-thesis strong{color:#fff!important}
    .rdx-hero-axis{border:1px solid #111;background:#fff}
    .rdx-hero-axis div{padding:20px 22px;border-right:1px solid #111;background:#fff}
    .rdx-hero-axis div::before{display:block;margin-bottom:8px;color:var(--rdx-red);font:900 10px/1.2 monospace;letter-spacing:.13em}
    .rdx-hero-axis div:nth-child(1)::before{content:"01 / SHORT"}
    .rdx-hero-axis div:nth-child(2)::before{content:"02 / CONTINUOUS"}
    .rdx-hero-axis div:nth-child(3)::before{content:"03 / REGIONAL DX"}
    .rdx-hero-axis b{color:#111!important;font-size:18px!important;margin-bottom:7px!important}
    .rdx-hero-axis small{display:block;color:#555!important;line-height:1.65}
    .rdx-hero-axis div:nth-child(3){background:#111}
    .rdx-hero-axis div:nth-child(3) b{color:#fff!important}
    .rdx-hero-axis div:nth-child(3) small{color:#ccc!important}

    .rdx-tabs{padding:10px;gap:10px}
    .rdx-tabs button{min-height:100px;padding:15px 18px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;border:1px solid #555!important;background:#090909!important;color:#fff!important}
    .rdx-tabs button span{display:block;color:#ff6670;font:900 10px/1.2 monospace;letter-spacing:.12em;margin-bottom:8px}
    .rdx-tabs button strong{display:block;color:#fff!important;font-size:19px;line-height:1.25}
    .rdx-tabs button small{display:block;color:#aaa!important;font-size:12px;line-height:1.4;margin-top:4px}
    .rdx-tabs button.is-active,.rdx-tabs button[aria-selected="true"]{background:var(--rdx-red)!important;border-color:var(--rdx-red)!important;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2)}
    .rdx-tabs button.is-active span,.rdx-tabs button[aria-selected="true"] span,.rdx-tabs button.is-active small,.rdx-tabs button[aria-selected="true"] small{color:#fff!important}
    .rdx-flow-tabs button.is-active,.rdx-flow-tabs button[aria-selected="true"],.rdx-policy-tabs button.is-active,.rdx-policy-tabs button[aria-selected="true"]{background:var(--rdx-red)!important;border-color:var(--rdx-red)!important;color:#fff!important}
    .rdx-panel,.rdx-flow-panel,.rdx-policy-panel{padding:38px}
    .rdx-mode-grid{border-color:#111}
    .rdx-mode-grid div{padding:24px;border-color:#ccc}
    .rdx-mode-grid strong,.rdx-flow-grid strong{color:#111!important}
    .rdx-mode-note{font-size:15px;line-height:1.9;background:#f5f5f2;border-left-color:var(--rdx-red)}
    body.cv-article-page .rdx-data-caution p{color:#fff!important}
    .rdx-bpr-map article:last-child h3{color:#fff!important}
    .rdx-bpr-map article:last-child p{color:#ccc!important}
    .rdx-check-score{font:900 28px/1 monospace;color:#fff;white-space:nowrap;display:flex;align-items:baseline;gap:10px}
    .rdx-check-score [data-check-score]{display:inline-block;min-width:1.25ch;text-align:right;font-size:72px;line-height:.9;color:#ff5b65!important}
    .rdx-check-list label{transition:.18s}
    .rdx-check-list label.is-checked,.rdx-check-list label:has(input:checked){background:#fff3f4;box-shadow:inset 5px 0 0 var(--rdx-red)}
    .rdx-check-list label.is-checked span,.rdx-check-list label:has(input:checked) span{color:#111}
    .rdx-check-result strong{font-size:23px;line-height:1.55}
    .rdx-check-result>span{font-size:15px;line-height:1.8}
    @media(max-width:980px){.rdx-hero-axis div{border-right:0;border-bottom:1px solid #111}.rdx-hero-axis div:last-child{border-bottom:0}}
    @media(max-width:680px){
      .rdx-page .civio-section{padding:52px 0}
      .rdx-page .civio-section>p,.rdx-page .civio-section li{font-size:15px;line-height:1.9}
      .rdx-tabs button{min-height:88px}
      .rdx-panel,.rdx-flow-panel,.rdx-policy-panel{padding:26px 20px}
      .rdx-check-score [data-check-score]{font-size:62px}
      .rdx-check-score{font-size:24px}
    }