/* AAA Panel Tab production styles. */
.template-section{
  margin-top:42px;
}

.template-panel,
.tool-panel{
  position:relative;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 42%, var(--aaa-line) 58%);
  border-radius:8px;
  background:
    radial-gradient(600px 240px at 50% 0%, color-mix(in srgb, var(--aaa-accent-glow) 120%, transparent), transparent 62%),
    linear-gradient(180deg, color-mix(in srgb, var(--aaa-panel-2) 92%, #fff 8%) 0%, color-mix(in srgb, var(--aaa-panel) 92%, #fff 8%) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.018), 0 18px 46px rgba(0,0,0,.2);
}

.template-panel::before,
.tool-panel::before{
  content:attr(data-label);
  position:absolute;
  left:18px;
  top:0;
  transform:translateY(-50%);
  padding:4px 14px;
  border:1px solid var(--aaa-accent-deep);
  border-radius:999px;
  background:linear-gradient(180deg,var(--aaa-bg-soft),var(--aaa-bg));
  color:var(--aaa-accent);
  font-family:var(--aaa-font-label);
  font-size:10px;
  font-weight:600;
  letter-spacing:3px;
  line-height:1.2;
  text-transform:uppercase;
  white-space:nowrap;
}

.template-panel::after,
.tool-panel::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0 18px,var(--aaa-accent-deep) 18px 170px,transparent 60%);
  opacity:.82;
  pointer-events:none;
}

.template-action-panel{
  display:grid;
  gap:14px;
  padding:30px 18px 18px;
}

.template-panel-note{
  margin:0 0 14px;
  color:#9ec4aa;
  font-size:12px;
  line-height:1.85;
}

.template-button-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.template-button{
  min-height:44px;
  border:1px solid var(--aaa-accent-deep);
  border-radius:8px;
  background:linear-gradient(135deg,var(--aaa-panel-2),var(--aaa-panel));
  color:var(--aaa-accent-soft);
  font-family:var(--aaa-font-body);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}

.template-button:hover{
  border-color:var(--aaa-accent);
  box-shadow:0 0 20px var(--aaa-accent-glow);
  transform:translateY(-2px);
}

.template-button.secondary{
  color:var(--aaa-sub);
  background:transparent;
}

.template-card{
  position:relative;
  min-width:0;
  min-height:158px;
  padding:18px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 28%, var(--aaa-line) 72%);
  border-radius:8px;
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
  overflow:hidden;
}

.template-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(125deg,var(--aaa-accent-glow),transparent 56%);
  opacity:.76;
  pointer-events:none;
}

.template-card > *{
  position:relative;
  z-index:1;
}

.template-card-kicker{
  margin-bottom:10px;
  color:var(--aaa-accent);
  font-family:var(--aaa-font-label);
  font-size:10px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
}

.template-card h3{
  margin-bottom:10px;
  color:#e0f4e5;
  font-family:var(--aaa-font-display);
  font-size:clamp(20px,2.6vw,26px);
  font-weight:600;
  line-height:1.15;
}

.template-card p{
  color:#d9f0df;
  font-size:13.5px;
  line-height:1.95;
}

.template-reading-panel{
  display:grid;
  gap:14px;
  padding:32px 18px 18px;
}

.template-reading-lead{
  margin:0;
  padding:18px 20px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-line) 74%);
  border-radius:8px;
  background:color-mix(in srgb, var(--aaa-panel-2) 90%, #fff 10%);
  color:#dff5e5;
  font-family:var(--aaa-font-display);
  font-size:clamp(18px,2.4vw,22px);
  font-style:italic;
  line-height:2.05;
}

.template-copy-box{
  min-height:110px;
  padding:14px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-line) 74%);
  border-radius:8px;
  background:color-mix(in srgb, var(--aaa-panel-2) 90%, #fff 10%);
  color:#d9f0df;
  font-family:var(--aaa-font-body);
  font-size:12px;
  line-height:1.9;
  white-space:pre-line;
}

.template-details-panel{
  padding:30px 18px 18px;
}

.template-data-row{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 28%, var(--aaa-line) 72%);
  border-radius:8px;
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
}

.template-data-row + .template-data-row{
  margin-top:8px;
}

.template-data-label{
  color:#e0f4e5;
  font-size:13px;
  font-weight:500;
  line-height:1.45;
}

.template-data-track{
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--aaa-accent) var(--pct),var(--aaa-line) var(--pct));
}

.template-data-value{
  min-width:42px;
  color:var(--aaa-accent-soft);
  font-family:var(--aaa-font-data);
  font-size:15px;
  font-weight:700;
  text-align:right;
}

.template-text-block{
  max-width:none;
  padding:30px 18px 18px;
  color:#d9f0df;
  font-size:14px;
  line-height:2;
}

.template-footer-nav{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.tool-panel{
  margin:46px 0 0;
  padding:32px 18px 18px;
}

.tool-panel:first-child{
  margin-top:42px;
}

.tool-panel .summary-box{
  margin-top:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.tool-panel .summary-box::before{
  display:none;
}

.tool-panel .summary-title{
  display:none;
}

.tool-panel .summary-narration,
.tool-panel .summary-textarea{
  background:color-mix(in srgb, var(--aaa-panel-2) 90%, #fff 10%);
  border-color:color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-line) 74%);
}

.tool-panel .summary-narration{
  color:#dff5e5;
  font-size:17px;
  line-height:2.05;
  text-shadow:0 0 14px rgba(107,208,139,.08);
}

.tool-panel .card-body{
  color:#d9f0df;
  font-size:13.5px;
  line-height:1.95;
  opacity:1;
}

.tool-panel .card-header-title{
  color:var(--aaa-accent-soft);
}

.tool-panel .item-row,
.tool-panel .result-card{
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
  border-color:color-mix(in srgb, var(--aaa-accent) 28%, var(--aaa-line) 72%);
}

.tool-panel .item-label{
  color:#e0f4e5;
  font-size:13px;
  font-weight:500;
  opacity:1;
}

.tool-panel .item-sublabel{
  color:#9ec4aa;
  font-size:10.5px;
}

.tool-panel .item-word{
  opacity:1;
}

.tool-panel .roll-small{
  color:#aac8b2;
  border-color:color-mix(in srgb, var(--aaa-accent) 24%, var(--aaa-line) 76%);
}

.tool-panel .btn-main{
  margin:0;
  min-height:48px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--aaa-panel-2) 86%, #fff 14%), color-mix(in srgb, var(--aaa-panel) 88%, #fff 12%));
  border-color:color-mix(in srgb, var(--aaa-accent) 48%, var(--aaa-line) 52%);
  color:var(--aaa-accent-soft);
}

.tool-panel .item-value{
  text-shadow:0 0 12px rgba(107,208,139,.18);
}

.tool-panel .card-level{
  font-size:12px;
}

.tool-panel .action-row,
.tool-panel .attr-grid,
.tool-panel .special-box{
  margin-bottom:0;
}

.tool-panel .attr-box,
.tool-panel .special-box{
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
  border-color:color-mix(in srgb, var(--aaa-accent) 28%, var(--aaa-line) 72%);
}

.tool-panel .attr-label,
.tool-panel .special-box-label{
  color:var(--aaa-accent-soft);
}

.tool-panel .attr-select,
.tool-panel .special-select{
  background:color-mix(in srgb, var(--aaa-panel-2) 90%, #fff 10%);
  border-color:color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-line) 74%);
  color:#e0f4e5;
}

.tool-panel .special-box::before{
  background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--aaa-accent-glow), transparent);
}

.body-param-group + .body-param-group{
  margin-top:22px;
}

.body-param-title{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin:0 0 10px;
  padding:3px 10px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 22%, var(--aaa-line) 78%);
  border-radius:999px;
  background:color-mix(in srgb, var(--aaa-bg-soft) 84%, #fff 16%);
  color:var(--aaa-accent-soft);
  font-family:var(--aaa-font-label);
  font-size:10px;
  font-weight:600;
  letter-spacing:2px;
  line-height:1.2;
  text-transform:uppercase;
}

.tool-panel .penta-wrap{
  padding:0;
}

.tool-panel .penta-wrap svg{
  display:block;
  margin:0 auto;
}

.tool-panel .rank-cards{
  gap:10px;
}

.tool-panel .rank-card{
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}

.tool-panel .rank-body{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--aaa-panel-2) 76%, transparent), transparent);
}

.tool-panel .rank-desc{
  color:#d9f0df;
  font-size:13.5px;
  line-height:1.95;
  opacity:1;
}

.tool-panel .rank-modern{
  background:color-mix(in srgb, var(--aaa-panel-2) 90%, #fff 10%);
  color:#b9d2c0;
}

.tool-panel #narration-badge span{
  background:color-mix(in srgb, currentColor 14%, var(--aaa-panel-2) 86%) !important;
}

.tool-panel .selector-grid,
.tool-panel .func-grid{
  margin-bottom:0;
}

.tool-panel .dim-box,
.tool-panel .at-box,
.tool-panel .type-display,
.tool-panel .func-card{
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
  border-color:color-mix(in srgb, var(--aaa-accent) 28%, var(--aaa-line) 72%);
}

.tool-panel .type-display::before{
  background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--aaa-accent-glow), transparent 70%);
}

.tool-panel .dim-label,
.tool-panel .at-label{
  color:var(--aaa-accent-soft);
}

.tool-panel .dim-btn,
.tool-panel .at-btn{
  border-color:color-mix(in srgb, var(--aaa-accent) 24%, var(--aaa-line) 76%);
  color:#aac8b2;
}

.tool-panel .dim-btn.on,
.tool-panel .at-btn.on{
  background:color-mix(in srgb, var(--aaa-accent) 20%, var(--aaa-panel-2) 80%);
  border-color:var(--aaa-accent);
  color:var(--aaa-accent-soft);
  box-shadow:0 0 12px var(--aaa-accent-glow);
}

.tool-panel .type-desc,
.tool-panel .at-desc,
.tool-panel .func-desc{
  color:#b9d2c0;
  opacity:1;
}

.tool-panel .type-variant-note,
.tool-panel .type-display [style*="background:var(--bg3)"]{
  background:color-mix(in srgb, var(--aaa-panel-2) 90%, #fff 10%) !important;
  border-color:color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-line) 74%) !important;
  color:#b9d2c0 !important;
}

.tool-panel .radar-wrap{
  padding:0;
}

.tool-panel .radar-wrap svg{
  display:block;
  margin:0 auto;
}

.ranking-paneltab-page{
  position:relative;
  z-index:1;
  width:min(820px,100%);
  margin:0 auto;
  padding:0 20px 100px;
}

.aaa-page.theme-blue .v-line{
  background:linear-gradient(
    to bottom,
    transparent,
    color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-accent-deep) 74%) 30%,
    color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-accent-deep) 74%) 70%,
    transparent
  );
  opacity:.4;
}

.ranking-panel{
  overflow:visible;
}

.ranking-panel .formula-bar,
.ranking-panel .controls,
.ranking-panel .count-bar,
.ranking-panel .rank-list{
  border:0;
  background:transparent;
}

.ranking-panel .formula-bar{
  padding:0;
}

.ranking-panel .controls{
  position:relative;
  top:auto;
  z-index:1;
  padding:0;
}

.ranking-panel .count-bar{
  padding:12px 0 0;
  color:#9bb6d4;
}

.ranking-panel .rank-list{
  max-width:none;
  padding:0;
}

.ranking-panel .rank-item{
  background:color-mix(in srgb, var(--aaa-bg-soft) 84%, #fff 16%);
  border-color:color-mix(in srgb, var(--aaa-accent) 18%, var(--aaa-line) 82%);
}

.ranking-panel .rank-item:hover{
  background:color-mix(in srgb, var(--aaa-panel-2) 88%, #fff 12%);
  border-color:color-mix(in srgb, var(--aaa-accent) 46%, var(--aaa-line) 54%);
}

.ranking-panel .search-wrap input,
.ranking-panel .sort-btn,
.ranking-panel .rbtn{
  background:color-mix(in srgb, var(--aaa-bg-soft) 86%, #fff 14%);
  border-color:color-mix(in srgb, var(--aaa-accent) 20%, var(--aaa-line) 80%);
}

.ranking-panel .pref-snippet,
.ranking-panel .power-unit{
  color:#8ea4c0;
}

.aaa-page.theme-blue .modal-overlay{
  background:rgba(3,7,13,.74);
  backdrop-filter:blur(10px) saturate(1.08);
}

.aaa-page.theme-blue .modal{
  max-width:560px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 42%, var(--aaa-line) 58%);
  border-radius:8px;
  background:
    radial-gradient(520px 220px at 50% 0%, color-mix(in srgb, var(--aaa-accent-glow) 150%, transparent), transparent 64%),
    linear-gradient(180deg, color-mix(in srgb, var(--aaa-panel-2) 92%, #fff 8%), color-mix(in srgb, var(--aaa-panel) 94%, #fff 6%));
  box-shadow:0 0 0 1px rgba(255,255,255,.018), 0 24px 70px rgba(0,0,0,.46);
  padding:34px 22px 22px;
  scrollbar-color:color-mix(in srgb, var(--aaa-accent) 38%, var(--aaa-line) 62%) transparent;
  scrollbar-width:thin;
}

.aaa-page.theme-blue .modal::-webkit-scrollbar{
  width:10px;
}

.aaa-page.theme-blue .modal::-webkit-scrollbar-track{
  background:transparent;
}

.aaa-page.theme-blue .modal::-webkit-scrollbar-thumb{
  border:3px solid transparent;
  border-radius:999px;
  background:color-mix(in srgb, var(--aaa-accent) 34%, var(--aaa-line) 66%);
  background-clip:content-box;
}

.aaa-page.theme-blue .modal::before{
  content:'Detail Profile';
  display:inline-flex;
  align-items:center;
  min-height:22px;
  margin:0 0 16px;
  padding:3px 12px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 26%, var(--aaa-line) 74%);
  border-radius:999px;
  background:linear-gradient(180deg,var(--aaa-bg-soft),var(--aaa-bg));
  color:var(--aaa-accent-soft);
  font-family:var(--aaa-font-label);
  font-size:10px;
  font-weight:600;
  letter-spacing:2.4px;
  line-height:1.2;
  text-transform:uppercase;
}

.aaa-page.theme-blue .modal::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0 18px,var(--aaa-accent-deep) 18px 170px,transparent 60%);
  opacity:.82;
  pointer-events:none;
}

.aaa-page.theme-blue .modal-close{
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  border-radius:8px;
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
  border-color:color-mix(in srgb, var(--aaa-accent) 24%, var(--aaa-line) 76%);
  color:#9fb7d4;
  font-size:18px;
  line-height:1;
}

.aaa-page.theme-blue .modal-close:hover{
  border-color:color-mix(in srgb, var(--aaa-accent) 52%, var(--aaa-line) 48%);
  color:var(--aaa-accent-soft);
  box-shadow:0 0 18px var(--aaa-accent-glow);
}

.aaa-page.theme-blue .modal-header{
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid color-mix(in srgb, var(--aaa-accent) 18%, var(--aaa-line) 82%);
}

.aaa-page.theme-blue .modal-region{
  color:var(--region-color,#67d8ff);
  background:color-mix(in srgb, var(--region-color,#67d8ff) 13%, transparent);
  border:1px solid currentColor;
  border-radius:999px;
  font-family:var(--aaa-font-label);
  font-size:10px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  opacity:.95;
}

.aaa-page.theme-blue .modal-name{
  color:#f4f8ff;
  font-family:var(--aaa-font-display);
  font-size:clamp(28px,5vw,36px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:0;
}

.aaa-page.theme-blue .modal-power{
  font-size:clamp(34px,7vw,46px);
  background:linear-gradient(135deg,#fff 18%,var(--aaa-accent-soft) 60%,var(--aaa-accent) 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.aaa-page.theme-blue .modal-rank{
  color:#9fb7d4;
  font-size:11px;
  line-height:1.7;
}

.aaa-page.theme-blue .atelier-mark{
  margin-bottom:8px;
  color:#4a6a9a;
  font-family:var(--aaa-font-display);
  font-size:11px;
  letter-spacing:3px;
}

.aaa-page.theme-blue .formula-text{
  color:var(--muted);
  font-size:11px;
}

.aaa-page.theme-blue .formula-plus{
  color:var(--muted);
  font-size:10px;
}

.aaa-page.theme-blue .formula-chip{
  --chip-color:#7dd3fc;
  color:var(--chip-color);
  background:color-mix(in srgb, var(--chip-color) 13%, transparent);
}

.aaa-page.theme-blue .formula-chip .dot{
  background:var(--chip-color);
}

.aaa-page.theme-blue .formula-chip.cat-0{--chip-color:var(--cat0)}
.aaa-page.theme-blue .formula-chip.cat-1{--chip-color:var(--cat1)}
.aaa-page.theme-blue .formula-chip.cat-2{--chip-color:var(--cat2)}
.aaa-page.theme-blue .formula-chip.cat-3{--chip-color:var(--cat3)}
.aaa-page.theme-blue .formula-chip.cat-4{--chip-color:var(--cat4)}
.aaa-page.theme-blue .formula-chip.cat-5{--chip-color:var(--cat5)}
.aaa-page.theme-blue .formula-chip.cat-6{--chip-color:var(--cat6)}
.aaa-page.theme-blue .formula-chip.cat-7{--chip-color:var(--cat7)}

.aaa-page.theme-blue .sort-btns{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
}

.aaa-page.theme-blue .sort-btn.has-color{
  border-color:color-mix(in srgb, var(--sort-color,#5050a0) 27%, transparent);
}

.aaa-page.theme-blue .sort-btn.active{
  color:var(--sort-color,var(--text));
  border-color:color-mix(in srgb, var(--sort-color,#5050a0) 40%, transparent);
  background:color-mix(in srgb, var(--sort-color,#5050a0) 10%, transparent);
}

.aaa-page.theme-blue .rbtn.active{
  color:#fff;
  border-color:var(--region-btn-color,currentColor);
}

.aaa-page.theme-blue .count-sort-label{
  color:var(--muted);
  font-size:10px;
}

.aaa-page.theme-blue .cats-section{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}

.aaa-page.theme-blue .cat-row{
  grid-template-columns:minmax(112px,1fr) minmax(96px,1.2fr) 48px 64px;
  gap:8px;
  margin:0;
  padding:9px 10px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 14%, var(--aaa-line) 86%);
  border-radius:8px;
  background:color-mix(in srgb, var(--aaa-bg-soft) 86%, #fff 14%);
}

.aaa-page.theme-blue .cat-label{
  min-width:0;
  color:#b8c8dc;
  font-size:10.5px;
  line-height:1.45;
}

.aaa-page.theme-blue .cat-track{
  height:7px;
  background:color-mix(in srgb, var(--aaa-bg) 80%, #fff 20%);
}

.aaa-page.theme-blue .cat-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cat-color,#7dd3fc);
  display:inline-block;
  flex-shrink:0;
}

.aaa-page.theme-blue .cat-fill{
  width:var(--cat-score,0%);
  background:var(--cat-color,#7dd3fc);
}

.aaa-page.theme-blue .cat-score,
.aaa-page.theme-blue .cat-contrib{
  color:var(--cat-color,#7dd3fc);
  font-family:var(--aaa-font-data);
  font-size:10.5px;
}

.aaa-page.theme-blue .dialect-card{
  margin-top:10px;
  padding:10px 14px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 20%, var(--aaa-line) 80%);
  border-left:3px solid color-mix(in srgb, var(--aaa-accent) 52%, var(--aaa-line) 48%);
  border-radius:10px;
  background:var(--bg3);
}

.aaa-page.theme-blue .dialect-title{
  margin-bottom:5px;
  color:#5BBFBF;
  font-size:10px;
  font-weight:700;
  letter-spacing:.5px;
}

.aaa-page.theme-blue .dialect-stars{
  margin-bottom:5px;
  color:#5BBFBF;
  font-size:18px;
  letter-spacing:3px;
}

.aaa-page.theme-blue .dialect-empty{
  opacity:.25;
}

.aaa-page.theme-blue .dialect-note{
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}

.aaa-page.theme-blue .memo-box,
.aaa-page.theme-blue #modal-content > div[style*="border-left"]{
  border:1px solid color-mix(in srgb, var(--aaa-accent) 20%, var(--aaa-line) 80%) !important;
  border-left:3px solid color-mix(in srgb, var(--aaa-accent) 52%, var(--aaa-line) 48%) !important;
  border-radius:8px !important;
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%) !important;
  color:#b8c8dc !important;
}

.aaa-page.theme-blue .memo-box strong{
  color:#edf5ff;
}

.aaa-page.theme-blue .modal-drilldown-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:12px 16px;
  border:1px solid color-mix(in srgb, var(--aaa-accent) 32%, transparent);
  border-radius:8px;
  background:color-mix(in srgb, var(--aaa-bg-soft) 88%, #fff 12%);
  color:var(--aaa-accent-soft);
  text-decoration:none;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}

.aaa-page.theme-blue .modal-drilldown-link:hover,
.aaa-page.theme-blue .modal-drilldown-link:focus-visible{
  border-color:var(--aaa-accent);
  box-shadow:0 0 18px var(--aaa-accent-glow);
  transform:translateY(-1px);
}

.aaa-page.theme-blue .modal-drilldown-label{
  color:var(--aaa-accent-soft);
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}

.aaa-page.theme-blue .modal-drilldown-arrow{
  color:var(--aaa-accent-soft);
  font-size:12px;
  line-height:1;
}

@media(max-width:720px){
  .template-hero-actions,
  .aaa-page .hero-sub,
  .template-reading-lead,
  .template-copy-box,
  .template-card p,
  .template-text-block{
    overflow-wrap:anywhere;
    line-break:anywhere;
    word-break:break-all;
  }
  .aaa-page .hero-sub{
    max-width:calc(100vw - 48px);
  }
  .template-section,
  .template-panel,
  .template-card,
  .template-data-row{
    width:100%;
  }
  .template-panel,
  .template-card,
  .template-data-row{
    max-width:100%;
    min-width:0;
  }
  .template-panel::before,
  .tool-panel::before{
    left:18px;
  }
  .template-button-row{
    grid-template-columns:1fr;
  }
  .template-data-row{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .template-data-label,
  .template-data-track{
    grid-column:1 / -1;
  }
}

@media(max-width:600px){
  .tool-panel{
    margin-top:44px;
    padding:30px 18px 18px;
  }
  .aaa-page.theme-blue .modal{
    padding:30px 18px 18px;
  }
  .aaa-page.theme-blue .cat-row{
    grid-template-columns:minmax(0,1fr) minmax(92px,1fr) 38px 54px;
    padding:8px;
  }
  .aaa-page.theme-blue .cat-label{
    font-size:9.5px;
  }
  .aaa-page.theme-blue .cat-score,
  .aaa-page.theme-blue .cat-contrib{
    font-size:9.5px;
  }
}