html:has(body.hqq-standalone-page),body.hqq-standalone-page{width:100%;height:100%;min-height:100%;margin:0!important;padding:0!important;overflow:hidden!important;background:#edf4f8!important}
body.hqq-standalone-page #wpadminbar{display:none!important}
body.hqq-standalone-page{padding-top:0!important}
body.hqq-standalone-page .hqq-shell{position:fixed;inset:0;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
.hqq-shell [hidden]{display:none!important}
:root{--hqq-navy:#173a60;--hqq-blue:#215fc2;--hqq-cyan:#42bccf;--hqq-ink:#17334f;--hqq-muted:#6f8297;--hqq-line:#d9e5ee;--hqq-card:#ffffff;--hqq-bg:#edf4f8;--hqq-shadow:0 20px 45px rgba(25,57,91,.10);--hqq-shadow-strong:0 24px 56px rgba(23,58,96,.16)}
.hqq-shell,.hqq-shell *{box-sizing:border-box}
.hqq-shell{width:100%;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;color:var(--hqq-ink);background:radial-gradient(circle at top right,rgba(76,195,207,.10),transparent 28%),linear-gradient(180deg,#f7fbfd 0,#eef5f8 100%);min-height:100dvh;height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.hqq-appbar{height:66px;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,229,238,.9);flex:0 0 auto}
.hqq-brand{display:flex;align-items:center;min-width:0}
.hqq-brand img{display:block;max-width:190px;max-height:40px;width:auto;height:auto}
.hqq-wordmark{font-size:17px;font-weight:800;color:#2b7f9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hqq-appbar-title{font-size:18px;font-weight:800;letter-spacing:.04em;color:#163856;text-align:center}
.hqq-card{margin:10px;flex:1 1 auto;min-height:0;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border-radius:28px;box-shadow:0 8px 32px rgba(38,70,98,.06);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(224,234,240,.95)}
.hqq-login-view,.hqq-result-view{height:100%;overflow:hidden}
.hqq-login-view{max-width:520px;width:100%;margin:0 auto;padding:28px 24px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.hqq-login-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf9fb,#eef2ff);box-shadow:inset 0 0 0 1px rgba(65,165,190,.12)}
.hqq-login-icon svg{width:31px;fill:#25a6bd}
.hqq-kicker{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.2em;color:#3daac0}
.hqq-login-view h1,.hqq-result-heading h1{margin:0;color:#163a5e;font-size:34px;line-height:1.3;letter-spacing:.01em}
.hqq-title-line{width:50px;height:4px;margin:16px auto;border-radius:999px;background:linear-gradient(90deg,#377fd4,#39c7c4)}
.hqq-lead,.hqq-result-heading p{margin:0;color:#718398;font-size:15px;line-height:1.75}
.hqq-login-form{margin-top:30px;text-align:left}
.hqq-login-form label{display:block;margin:0 0 9px;font-size:13px;font-weight:700;color:#41566c}
.hqq-login-form input{width:100%;height:56px;padding:0 18px;border:1px solid #cedce5!important;border-radius:16px!important;background:#fff!important;color:#183a5a!important;font-size:20px!important;letter-spacing:.04em;outline:none;box-shadow:none!important;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.hqq-login-form input:focus{border-color:#52b9ce!important;box-shadow:0 0 0 4px rgba(82,185,206,.12)!important}
.hqq-login-form button,.hqq-back-link,.hqq-tabs button,.hqq-replay-button{appearance:none;-webkit-appearance:none;outline:none!important;text-decoration:none!important;border:none}
.hqq-login-form button{width:100%;height:56px;margin-top:16px;border-radius:18px;background:linear-gradient(135deg,#174f92,#2cb3c2);color:#fff;font-size:16px;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 18px 36px rgba(31,119,159,.20),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;position:relative;overflow:hidden}
.hqq-login-form button:hover,.hqq-login-form button:focus-visible{transform:translateY(-1px);box-shadow:0 22px 40px rgba(31,119,159,.24);filter:saturate(1.03)}
.hqq-login-form button:disabled{opacity:.58;cursor:wait;transform:none;box-shadow:0 8px 18px rgba(31,119,159,.14)}
.hqq-form-error{min-height:24px;margin:10px 0 0!important;text-align:center;color:#b74343!important;font-size:13px!important}

.hqq-result-view{padding:14px 12px 12px;display:flex;flex-direction:column;gap:10px;min-height:0}
.hqq-result-heading{text-align:center;padding:2px 8px 0;flex:0 0 auto}
.hqq-result-heading h1{font-size:clamp(24px,4.4vw,34px)}
.hqq-top-controls{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.hqq-tabs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.hqq-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.92);color:#35516d;border:1px solid rgba(210,223,233,.95);box-shadow:0 6px 18px rgba(23,58,96,.06);font-size:13px;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.hqq-tabs button[aria-selected=true]{background:linear-gradient(135deg,#173965,#215fc2);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(33,95,194,.24)}
.hqq-tabs button:hover:not(:disabled),.hqq-tabs button:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px rgba(23,58,96,.12)}
.hqq-tabs button:disabled{opacity:.33;cursor:not-allowed}
.hqq-period{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}
.hqq-period-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.hqq-period-current{display:block;color:#173965;font-size:18px;font-weight:900;letter-spacing:.02em;line-height:1.2}
.hqq-period-note{display:block;color:#7b8da1;font-size:12px;line-height:1.35}
.hqq-replay-button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid rgba(209,222,232,.95);color:#244d70;box-shadow:0 8px 18px rgba(20,53,85,.08);font-size:12px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.hqq-replay-button:hover,.hqq-replay-button:focus-visible{transform:translateY(-1px);background:#fff;box-shadow:0 12px 26px rgba(20,53,85,.12)}

.hqq-content-stage{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}
.hqq-chart-wrap,.hqq-skills-panel{flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c7d8e3 transparent;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.hqq-chart-wrap::-webkit-scrollbar,.hqq-skills-panel::-webkit-scrollbar{height:10px}
.hqq-chart-wrap::-webkit-scrollbar-thumb,.hqq-skills-panel::-webkit-scrollbar-thumb{background:#c7d8e3;border-radius:999px}
.hqq-chart-wrap::-webkit-scrollbar-track,.hqq-skills-panel::-webkit-scrollbar-track{background:transparent}

.hqq-graph-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,250,253,.98));border:1px solid rgba(216,229,238,.96);border-radius:24px;box-shadow:var(--hqq-shadow);padding:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;scroll-snap-align:start;outline:none}
.hqq-graph-card:focus-visible,.hqq-graph-card:hover{border-color:rgba(99,154,211,.55);box-shadow:0 18px 42px rgba(28,74,118,.14)}
.hqq-graph-card.is-replaying{border-color:rgba(66,188,207,.75);box-shadow:var(--hqq-shadow-strong);transform:translateY(-2px)}
.hqq-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.hqq-card-eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(33,95,194,.08);color:#24579e;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.hqq-card-hint{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(66,188,207,.08);color:#2a7b89;font-size:11px;font-weight:700;white-space:nowrap}
.hqq-graph-card h2{margin:4px 0 0;font-size:17px;line-height:1.4;color:#163856}
.hqq-graph-card--quadrant{width:max(100%,860px);height:100%;display:flex;flex-direction:column}
.hqq-chart{display:block;width:100%;height:100%;min-height:560px;overflow:visible}
.hqq-chart-wrap{display:block}
.hqq-axis-label{font-size:19px;font-weight:800;fill:#17395d;text-anchor:middle;letter-spacing:.02em}
.hqq-axis-top,.hqq-axis-bottom{font-size:20px}
.hqq-axis-side{font-size:18px;letter-spacing:.08em;dominant-baseline:middle}
.hqq-axis-side-left,.hqq-axis-side-right{text-anchor:middle}
.hqq-plot-border{fill:none;stroke:rgba(255,255,255,.92);stroke-width:4}
.hqq-orbit{fill:none;stroke:rgba(255,255,255,.62);stroke-width:1.4;stroke-dasharray:5 4}
.hqq-sheen{fill:rgba(255,255,255,.22)}
.hqq-grid line{stroke:rgba(255,255,255,.62);stroke-width:1;stroke-dasharray:3 4}
.hqq-main-axis{stroke:#24579e;stroke-width:1.7}
.hqq-origin{fill:#fff;stroke:rgba(255,255,255,.9);stroke-width:2}
.hqq-tick-line{stroke:#24579e;stroke-width:1}
.hqq-tick-text{font-size:13px;fill:#214261}
.hqq-point{fill:#1f63d7;stroke:#fff;stroke-width:4;filter:url(#hqq-shadow)}
.hqq-point-ring{fill:none;stroke:rgba(54,111,226,.24);stroke-width:10}
.hqq-point-label-box{fill:#fff;filter:url(#hqq-label-shadow)}
.hqq-point-label-text{font-size:17px;font-weight:800;fill:#1d5ec5}

/* 時系列プロット */
.hqq-history-arrow{stroke:rgba(36,87,158,.38);stroke-width:2.2;stroke-linecap:round;fill:none;transition:stroke-dashoffset .42s ease;pointer-events:none}
.hqq-history-point-group{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.55);transition:opacity .24s ease,transform .34s cubic-bezier(.2,.9,.25,1.25);pointer-events:none}
.hqq-history-point-group.is-visible{opacity:1;transform:scale(1)}
.hqq-history-point{fill:#fff;stroke:#2869c9;stroke-width:3}
.hqq-history-point-ring{fill:rgba(255,255,255,.22);stroke:rgba(40,105,201,.24);stroke-width:7}
.hqq-history-point-group.is-latest .hqq-history-point{fill:#1f63d7;stroke:#fff;stroke-width:4;filter:url(#hqq-shadow)}
.hqq-history-point-group.is-latest .hqq-history-point-ring{fill:none;stroke:rgba(54,111,226,.24);stroke-width:9}
.hqq-history-label{font-size:11px;font-weight:600;fill:rgba(25,57,88,.62);paint-order:stroke;stroke:rgba(255,255,255,.88);stroke-width:3px;stroke-linejoin:round;letter-spacing:.01em}
.hqq-history-label.is-latest{font-weight:800;fill:rgba(24,69,117,.86)}

/* 基本チャート */
.hqq-radar-grid{display:flex;gap:14px;width:max-content;min-height:100%;align-items:stretch;padding-bottom:2px}
.hqq-skill-card{flex:0 0 clamp(320px,88vw,420px);min-width:0}
.hqq-skill-card.hqq-graph-card--wide{flex-basis:clamp(360px,94vw,560px)}
.hqq-skill-card svg{width:100%;height:auto;max-height:420px;display:block;margin:auto}
.hqq-radar-label{font-size:13px;font-weight:700;fill:#27313e}
.hqq-radar-score{font-size:12px;fill:#a95506;font-weight:700}

/* 詳細項目 */
.hqq-detail-grid{display:flex;gap:14px;width:max-content;min-height:100%;align-items:stretch;padding-bottom:2px}
.hqq-detail-card{flex:0 0 clamp(336px,92vw,540px);min-width:0;display:flex;flex-direction:column}
.hqq-detail-body{display:flex;flex-direction:column;gap:0;flex:1}
.hqq-detail-card h2{margin:4px 0 0;font-size:17px;line-height:1.35;color:#163856}
.hqq-bar-row{display:grid;grid-template-columns:130px 58px minmax(0,1fr);gap:8px;align-items:center;min-height:37px;border-bottom:1px dotted #d6e0e8;font-size:11px}
.hqq-bar-name{color:#334455;line-height:1.35}
.hqq-bar-value{text-align:right;color:#d34877;font-weight:800;font-variant-numeric:tabular-nums;font-size:12px}
.hqq-bar-track{height:22px;position:relative;background:linear-gradient(to right,transparent calc(50% - .5px),#91a1b6 50%,transparent calc(50% + .5px));border-radius:999px}
.hqq-bar-track:before{content:'50';position:absolute;left:50%;top:-9px;transform:translateX(-50%);font-size:8px;color:#708193;font-weight:700}
.hqq-bar-fill{height:100%;position:absolute;top:0;background:linear-gradient(90deg,#d44bd0,#ec75cf);border-radius:999px;box-shadow:0 8px 18px rgba(226,91,220,.20)}
.hqq-bar-fill.hqq-above{background:linear-gradient(90deg,#4b8ed8,#6bb8ef);box-shadow:0 8px 18px rgba(88,156,222,.18)}

.hqq-back-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;min-width:220px;height:44px;margin:0 auto;padding:0 22px;border-radius:999px;border:1px solid rgba(35,81,130,.12);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,252,.96));color:#35556f;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 22px rgba(20,53,85,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease,background .18s ease}
.hqq-back-link:hover,.hqq-back-link:focus-visible{transform:translateY(-1px);border-color:rgba(35,81,130,.22);background:linear-gradient(180deg,#fff,#eef7fb);color:#244d70;box-shadow:0 12px 26px rgba(20,53,85,.12)}

@media(max-width:820px){
  .hqq-appbar{height:58px;padding:0 14px}
  .hqq-brand img{max-width:122px;max-height:34px}
  .hqq-wordmark{font-size:14px}
  .hqq-appbar-title{font-size:17px}
  .hqq-card{margin:8px;border-radius:22px}
  .hqq-result-view{padding:12px 8px 10px;gap:8px}
  .hqq-login-view{padding:24px 20px}
  .hqq-login-view h1,.hqq-result-heading h1{font-size:28px}
  .hqq-lead,.hqq-result-heading p{font-size:13px}
  .hqq-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .hqq-tabs::-webkit-scrollbar{display:none}
  .hqq-tabs button{flex:0 0 auto;padding:0 14px;min-height:42px;font-size:12px}
  .hqq-period{align-items:flex-end}
  .hqq-period-current{font-size:16px}
  .hqq-period-note{font-size:11px}
  .hqq-replay-button{height:38px;padding:0 13px;font-size:11px;white-space:nowrap}
  .hqq-graph-card{padding:14px;border-radius:20px}
  .hqq-card-meta{align-items:flex-start;gap:8px;flex-wrap:wrap}
  .hqq-card-hint{font-size:10px;min-height:22px;padding:0 9px}
  .hqq-graph-card h2,.hqq-detail-card h2{font-size:15px}
  .hqq-graph-card--quadrant{width:max(100%,820px)}
  .hqq-chart{min-height:520px}
  .hqq-axis-label{font-size:20px}
  .hqq-axis-side{font-size:17px}
  .hqq-point-label-text{font-size:18px}
  .hqq-bar-row{grid-template-columns:104px 48px minmax(0,1fr);font-size:10px;min-height:34px}
}
@media(max-width:480px){
  .hqq-card{margin:6px;border-radius:18px}
  .hqq-result-view{padding:10px 6px 8px}
  .hqq-result-heading p{font-size:12px}
  .hqq-period{gap:10px}
  .hqq-period-copy{max-width:60%}
  .hqq-skill-card{flex-basis:calc(100vw - 28px)}
  .hqq-skill-card.hqq-graph-card--wide{flex-basis:max(360px,calc(100vw - 28px))}
  .hqq-detail-card{flex-basis:calc(100vw - 28px)}
  .hqq-graph-card--quadrant{width:max(100%,780px)}
  .hqq-chart{min-height:500px}
  .hqq-back-link{min-width:180px;height:40px;font-size:12px}
}
@media(max-height:740px){
  .hqq-appbar{height:56px}
  .hqq-card{margin:8px}
  .hqq-result-heading .hqq-title-line{margin:10px auto;height:3px}
  .hqq-result-heading p{line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
  .hqq-history-arrow,.hqq-history-point-group,.hqq-graph-card,.hqq-tabs button,.hqq-replay-button,.hqq-back-link,.hqq-login-form button{transition:none!important}
}

/* v1.1.2 — compact facing-page report */
.hqq-appbar{height:48px!important;min-height:48px!important}
.hqq-appbar-title{font-size:14px!important}
.hqq-card{margin:4px!important;border-radius:14px!important}
.hqq-result-view{padding:7px 10px 6px!important;gap:4px!important}
.hqq-result-heading{display:flex;align-items:center;justify-content:center;gap:12px;padding:0!important}
.hqq-result-heading h1{font-size:clamp(16px,2vw,21px)!important;line-height:1.25!important}
.hqq-result-heading p{font-size:10px!important;line-height:1.3!important}
.hqq-result-heading .hqq-title-line{display:none!important}
.hqq-top-controls{display:none!important}
.hqq-content-stage{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;padding:2px!important}
.hqq-book{width:100%;min-height:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;background:linear-gradient(90deg,#fefefe 49.7%,#d4dce3 50%,#fefefe 50.3%);padding:2px}
.hqq-book-page{background:#fff;border:1px solid #d5dde6;border-radius:3px;padding:7px;min-width:0;box-shadow:0 6px 22px rgba(21,49,81,.05)}
.hqq-book-heading{font-size:12px!important;background:#161d58;color:white!important;letter-spacing:.04em;margin:0 0 6px!important;padding:6px 9px!important;font-weight:800}
.hqq-book .hqq-chart-wrap,.hqq-book .hqq-skills-panel{width:100%!important;min-height:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
.hqq-book .hqq-chart-wrap{height:220px!important;margin:0 0 7px!important}
.hqq-book .hqq-graph-card{background:#fff!important;border:1px solid #d7dee6!important;border-radius:2px!important;box-shadow:none!important;padding:7px!important;transform:none!important;cursor:zoom-in;overflow:hidden}
.hqq-book .hqq-graph-card:hover,.hqq-book .hqq-graph-card:focus-visible{border-color:#2679ba!important;box-shadow:0 0 0 2px rgba(38,121,186,.1)!important}
.hqq-book .hqq-card-meta{margin-bottom:2px!important;gap:2px!important;align-items:center}
.hqq-book .hqq-card-eyebrow{display:none!important}
.hqq-book .hqq-card-hint{font-size:9px!important;color:#4b7292;background:transparent!important;padding:0!important;min-height:0!important}
.hqq-book .hqq-graph-card h2{font-size:11px!important;margin:0!important;border:0!important;color:#182747!important;line-height:1.3!important}
.hqq-book .hqq-graph-card--quadrant{width:100%!important;height:100%!important;display:flex;align-items:center}
.hqq-book .hqq-graph-card--quadrant .hqq-card-meta{position:absolute;top:5px;right:8px;z-index:1}
.hqq-book .hqq-chart{min-height:0!important;height:100%!important;width:100%!important;max-height:210px!important}
.hqq-book .hqq-radar-grid{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px!important;min-height:0!important;padding:0!important}
.hqq-book .hqq-skill-card{flex:initial!important;min-width:0!important}
.hqq-book .hqq-skill-card:first-child{grid-column:span 2!important}
.hqq-book .hqq-skill-card:first-child [data-hqq-radar]{height:180px}
.hqq-book .hqq-skill-card:not(:first-child) [data-hqq-radar]{height:130px}
.hqq-book .hqq-skill-card svg{width:100%!important;height:100%!important;max-height:100%!important}
.hqq-book .hqq-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;min-height:0!important;padding:0!important;align-items:stretch!important}
.hqq-book .hqq-detail-card{flex:initial!important;min-width:0!important}
.hqq-book .hqq-detail-card h2{font-size:10px!important}
.hqq-book .hqq-bar-row{min-height:24px!important;grid-template-columns:minmax(0,1.2fr) 41px minmax(0,1fr)!important;gap:3px!important;font-size:9px!important}
.hqq-book .hqq-bar-name{overflow-wrap:anywhere}
.hqq-book .hqq-bar-value{font-size:9px!important}
.hqq-book .hqq-bar-track{height:11px!important}
.hqq-book .hqq-bar-track:before{font-size:7px;top:-8px}
.hqq-bar-track,.hqq-bar-fill{border-radius:0!important}
.hqq-book .hqq-detail-card .hqq-card-hint{display:none!important}
.hqq-back-link{height:30px!important;min-width:150px!important;font-size:11px!important;margin:0 auto!important;padding:0 16px!important;box-shadow:none!important;border-radius:8px!important}

/* Enlarged focus mode */
.hqq-dialog-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(9,24,44,.76);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:16px}
.hqq-dialog-panel{position:relative;display:flex;flex-direction:column;align-items:center;width:min(100%,1080px);max-height:calc(100dvh - 32px);min-height:0;padding:43px 18px 18px;background:#fff;border-radius:12px;box-shadow:0 28px 100px rgba(0,0,0,.3);overflow-y:auto}
.hqq-dialog-close{position:absolute;right:10px;top:8px;width:35px;height:35px;border:none;border-radius:50%;background:#eff3f8;color:#172b45;cursor:pointer;font-size:26px;line-height:1}
.hqq-dialog-close:hover{background:#dce7f3}
.hqq-dialog-tip{position:absolute;top:17px;left:18px;font-size:12px;color:#6c8196}
.hqq-in-dialog{width:100%!important;max-width:980px!important;height:auto!important;flex:auto!important;display:block!important;padding:15px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer}
.hqq-in-dialog .hqq-card-meta{margin-bottom:12px!important}
.hqq-in-dialog h2{font-size:20px!important;color:#173856!important}
.hqq-in-dialog .hqq-card-eyebrow,.hqq-in-dialog .hqq-card-hint{display:none!important}
.hqq-in-dialog.hqq-graph-card--quadrant{max-height:calc(100dvh - 110px)!important;display:flex!important;flex-direction:column!important;align-items:center}
.hqq-in-dialog .hqq-chart{width:100%!important;height:min(72dvh,680px)!important;min-height:0!important;max-height:100%!important}
.hqq-in-dialog [data-hqq-radar]{height:min(67dvh,630px)!important}
.hqq-in-dialog [data-hqq-radar] svg{width:100%!important;height:100%!important;max-height:100%!important}
.hqq-in-dialog .hqq-bar-row{grid-template-columns:minmax(110px,1fr) 70px minmax(150px,2.4fr)!important;gap:12px!important;min-height:45px!important;font-size:13px!important}
.hqq-in-dialog .hqq-bar-value{font-size:13px!important}
.hqq-in-dialog .hqq-bar-track{height:23px!important}
.hqq-in-dialog .hqq-bar-track:before{font-size:9px;top:-10px}

@media(max-width:740px){
 .hqq-appbar{height:45px!important;min-height:45px!important}
 .hqq-result-heading{justify-content:flex-start;gap:8px}
 .hqq-result-heading h1{font-size:16px!important;white-space:nowrap}
 .hqq-result-heading p{font-size:9px!important}
 .hqq-book{grid-template-columns:1fr!important;gap:7px!important;background:transparent!important}
 .hqq-book-page{padding:6px!important}
 .hqq-book .hqq-chart-wrap{height:200px!important}
 .hqq-book .hqq-skill-card:first-child [data-hqq-radar]{height:160px}
 .hqq-book .hqq-skill-card:not(:first-child) [data-hqq-radar]{height:130px}
 .hqq-book .hqq-detail-grid{grid-template-columns:1fr 1fr!important}
 .hqq-book .hqq-bar-row{grid-template-columns:minmax(0,1.1fr) 34px minmax(0,1fr)!important;gap:2px!important;font-size:8px!important}
 .hqq-dialog-backdrop{padding:6px!important}
 .hqq-dialog-panel{padding:42px 8px 12px!important;max-height:calc(100dvh - 12px)!important;width:100%!important}
 .hqq-dialog-tip{font-size:11px!important;left:12px!important}
 .hqq-in-dialog{padding:3px!important}
 .hqq-in-dialog h2{font-size:16px!important}
 .hqq-in-dialog .hqq-chart{height:min(65dvh,510px)!important}
 .hqq-in-dialog [data-hqq-radar]{height:min(60dvh,510px)!important}
 .hqq-in-dialog .hqq-bar-row{grid-template-columns:100px 50px minmax(0,1fr)!important;gap:5px!important;font-size:11px!important}
 .hqq-in-dialog .hqq-bar-track{height:18px!important}
}

/* v1.1.3 — direct playback, larger left-hand diagrams */
.hqq-book .hqq-graph-card{cursor:pointer!important}
.hqq-book .hqq-graph-card:hover,.hqq-book .hqq-graph-card:focus-visible{box-shadow:inset 0 0 0 1px rgba(38,121,186,.22)!important}
.hqq-book .hqq-card-hint{display:none!important}
.hqq-result-heading p{display:none!important}
.hqq-book-left .hqq-chart-wrap{height:clamp(235px,36vh,395px)!important}
.hqq-book-left .hqq-chart{max-height:none!important;height:100%!important}
.hqq-book-left .hqq-graph-card--quadrant .hqq-card-meta{display:none!important}
.hqq-book-left .hqq-radar-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;align-items:stretch!important}
.hqq-book-left .hqq-skill-card,.hqq-book-left .hqq-skill-card:first-child{grid-column:auto!important;min-width:0!important}
.hqq-book-left .hqq-skill-card [data-hqq-radar],.hqq-book-left .hqq-skill-card:first-child [data-hqq-radar],.hqq-book-left .hqq-skill-card:not(:first-child) [data-hqq-radar]{height:clamp(170px,29vh,290px)!important}
.hqq-book-left .hqq-skill-card svg{width:100%!important;height:100%!important;max-height:100%!important}
.hqq-book-left .hqq-skill-card h2{font-size:clamp(9px,.85vw,12px)!important;line-height:1.4!important}
.hqq-book-left .hqq-skill-card{padding:5px!important}
.hqq-book .hqq-detail-card{cursor:pointer!important}
.hqq-book .hqq-bar-fill{border-radius:0!important}
.hqq-mobile-pages{display:none}
@media(max-width:740px){
  .hqq-mobile-pages{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;gap:6px}
  .hqq-mobile-pages button{border:1px solid #d5e0eb;border-radius:8px;background:#fff;color:#264c70;font-weight:800;font-size:13px;padding:9px;cursor:pointer}
  .hqq-mobile-pages button[aria-pressed=true]{background:#173965;color:#fff;border-color:#173965}
  .hqq-book{display:block!important}
  .hqq-book[data-mobile-page=left] .hqq-book-right,.hqq-book[data-mobile-page=right] .hqq-book-left{display:none!important}
  .hqq-book-left .hqq-chart-wrap{height:clamp(250px,42vh,390px)!important}
  .hqq-book-left .hqq-radar-grid{grid-template-columns:repeat(3,minmax(235px,78vw))!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding-bottom:8px!important;width:100%!important}
  .hqq-book-left .hqq-skill-card [data-hqq-radar],.hqq-book-left .hqq-skill-card:first-child [data-hqq-radar],.hqq-book-left .hqq-skill-card:not(:first-child) [data-hqq-radar]{height:clamp(250px,43vh,380px)!important}
  .hqq-book-left .hqq-skill-card{scroll-snap-align:center!important}
  .hqq-book-left .hqq-skill-card h2{font-size:12px!important}
  .hqq-book-right .hqq-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
 .hqq-book-right .hqq-detail-grid{grid-template-columns:1fr!important}
 .hqq-book-left .hqq-radar-grid{grid-template-columns:repeat(3,minmax(235px,88vw))!important}
}