/**
 * Prototype-fidelity layer.
 * Keeps every dashboard in the same fixed research-console shell while allowing
 * WordPress content counts and records to update independently.
 */

:root{
  --had-sidebar:268px;
  --had-topbar:70px;
  --had-radius:7px;
}

body.had-theme{
  font-size:14px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.had-app-shell{
  background:
    radial-gradient(circle at 69% 14%,rgba(89,72,174,.15),transparent 31%),
    radial-gradient(circle at 14% 86%,rgba(0,190,220,.11),transparent 34%),
    #020b14;
}

.had-topbar{
  padding:0 27px;
  gap:24px;
  border-bottom-color:#17394c;
}
.had-brand{min-width:calc(var(--had-sidebar) - 28px)}
.had-brand span,.had-brand b{font-size:32px}
.had-brand em{font-size:8px;letter-spacing:.19em}
.had-top-stream em{font-size:8px;margin-right:48px}
.had-top-links a{height:38px;padding:0 14px;font-size:10px;border-radius:5px}
.had-language-switch{height:38px}

.had-sidebar{
  padding:15px 13px 12px;
  border-right-color:#183b4f;
}
.had-sidebar a{min-height:38px;padding:0 11px;font-size:11px}
.had-sidebar a small{min-width:22px;height:20px}
.had-side-label{font-size:8px;margin:5px 11px 8px}
.had-side-status{min-height:48px;border-radius:0}

.had-workspace{
  background-image:
    linear-gradient(rgba(21,70,94,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(21,70,94,.055) 1px,transparent 1px);
  background-size:48px 48px;
}
.had-screen{padding:15px 16px 16px}
.had-panel{border-radius:var(--had-radius)}
.had-standard-screen{gap:10px}
.had-screen-header{
  min-height:94px;
  padding:9px 9px 13px;
}
.had-screen-header h1{font-size:clamp(28px,2.15vw,39px);margin:8px 0 5px}
.had-screen-header p{font-size:11px;max-width:900px}
.had-kicker{font-size:8px}
.had-metric-pill,.had-header-link{min-height:48px;padding:0 15px}
.had-auto-source{min-width:184px;min-height:48px}
.had-section-title,.had-panel-title{min-height:44px}

/* Homepage */
.had-home-screen{
  grid-template-rows:55px 72px minmax(360px,1.3fr) minmax(178px,.7fr)!important;
  gap:9px;
}
.had-home-command{min-height:55px;padding:7px 12px}
.had-home-command h1{font-size:18px}
.had-home-filter-strip label{font-size:7px}
.had-home-filter-strip select,.had-home-filter-strip button{height:35px}
.had-home-kpi-grid{gap:8px}
.had-home-kpi-grid article{padding:10px 14px}
.had-home-kpi-grid span{font-size:8px}
.had-home-kpi-grid b{font-size:24px}
.had-home-kpi-grid em{font-size:8px}
.had-home-top{grid-template-columns:minmax(510px,1.33fr) minmax(390px,.93fr) minmax(330px,.82fr);gap:9px}
.had-profile-card{grid-template-columns:minmax(175px,35%) minmax(0,1fr)}
.had-profile-copy{padding:18px 17px 14px}
.had-profile-copy h1{font-size:clamp(25px,2vw,38px)}
.had-profile-role{font-size:11px}
.had-profile-summary{font-size:10px;line-height:1.5;-webkit-line-clamp:3}
.had-profile-telemetry b{font-size:18px}
.had-profile-telemetry small{font-size:7px}
.had-profile-actions a{min-height:35px;font-size:9px}
.had-profile-network{height:42px}
.had-news-console,.had-scholar-card{padding:14px}
.had-news-title h2{font-size:23px}
.had-news-item h3{font-size:clamp(18px,1.25vw,24px)}
.had-news-item p{font-size:9px}
.had-scholar-card h2{font-size:16px}
.had-scholar-kpis b{font-size:22px}
.had-reach-card{min-height:0}
.had-dashboard-zone{padding:8px 10px}
.had-dashboard-zone-head{min-height:40px}
.had-home-dashboard-grid{gap:7px;padding-top:8px}
.had-dashboard-card.is-compact{min-height:72px;padding:8px 10px}
.had-dashboard-card.is-compact h3{font-size:9px}
.had-dashboard-card.is-compact .had-dash-card-head>b{font-size:18px}

/* Research */
.had-research-layout{grid-template-columns:minmax(0,2.28fr) minmax(310px,.72fr);gap:13px}
.had-project-grid{gap:13px}
.had-project-card{padding:20px 19px 16px}
.had-project-meta span{font-size:24px}
.had-project-card h2{font-size:clamp(19px,1.36vw,26px)}
.had-project-card>p{font-size:11px;line-height:1.55}
.had-project-evidence-line{font-size:8px}
.had-open-detail{font-size:8px}
.had-research-side{grid-template-rows:1fr 1.25fr;gap:13px}
.had-focus-panel,.had-methods-panel{padding:21px}
.had-focus-panel h2{font-size:clamp(22px,1.55vw,30px)}
.had-focus-panel p{font-size:11px}
.had-method{grid-template-columns:100px 1fr 28px}

/* Publications */
.had-publications-layout{grid-template-columns:minmax(0,1.52fr) minmax(385px,.48fr);gap:13px}
.had-publication-dashboard,.had-latest-list{padding:14px}
.had-publication-card-grid{gap:10px}
.had-publication-card-grid .had-dashboard-card{min-height:214px;padding:17px}
.had-publication-card-grid .had-dashboard-card h3{font-size:12px;height:auto;margin-top:12px}
.had-publication-card-grid .had-dash-card-head>b{font-size:23px}
.had-publication-card-grid .had-spark-bars{height:47px;margin-top:25px}
.had-publication-card-grid .had-dashboard-card>p{font-size:8px}
.had-latest-list .had-record-row{min-height:72px}
.had-latest-list .had-record-row b{font-size:10px}

/* Teaching */
.had-teaching-overview-layout{grid-template-columns:minmax(0,1.58fr) minmax(350px,.42fr);gap:13px}
.had-teaching-intelligence,.had-teaching-dimensions{padding:15px}
.had-teaching-intelligence-head h2{font-size:18px}
.had-teaching-summary-kpis b{font-size:23px}
.had-teaching-summary-kpis small{font-size:8px}
.had-teaching-course-matrix>button{min-height:72px}
.had-teaching-course-matrix b{font-size:12px}
.had-teaching-course-matrix small{font-size:8px}
.had-teaching-course-matrix>button>span{font-size:9px}

/* Career and education */
.had-experience-layout{grid-template-columns:minmax(0,1.58fr) minmax(330px,.42fr);gap:13px}
.had-timeline-panel{padding:15px}
.had-timeline-item{min-height:102px}
.had-timeline-item h2{font-size:15px}
.had-timeline-item b{font-size:15px}
.had-timeline-item p{font-size:9px}
.had-career-dashboard{gap:13px}
.had-career-dashboard>article{padding:18px}
.had-career-dashboard h2{font-size:20px}
.had-language-panel>span{min-height:42px}

/* Credentials */
.had-credential-layout{grid-template-columns:minmax(430px,.74fr) minmax(0,1.26fr);gap:13px}
.had-credential-list,.had-credential-detail{padding:16px}
.had-credential-list>button{min-height:76px}
.had-credential-list>button b{font-size:11px}
.had-credential-detail{padding:54px 55px 38px}
.had-credential-detail h2{font-size:clamp(33px,2.8vw,53px);max-width:850px}
.had-credential-detail>p{font-size:16px}
.had-credential-meta{margin-top:32px}
.had-credential-meta b{font-size:17px}
.had-skill-grid{margin-top:20px}

/* Blog */
.had-blog-layout{grid-template-columns:minmax(0,1.32fr) minmax(430px,.68fr);gap:13px}
.had-featured-story{grid-template-columns:minmax(270px,.45fr) minmax(0,.55fr)}
.had-story-copy{padding:44px 52px}
.had-story-copy h2{font-size:clamp(35px,3vw,58px);line-height:1.08}
.had-story-copy>p{font-size:12px;line-height:1.55}
.had-blog-console{padding:15px}
.had-blog-list>button{min-height:75px}
.had-blog-list b{font-size:10px}

/* Portfolio */
.had-portfolio-layout{grid-template-columns:minmax(0,1.58fr) minmax(330px,.42fr);gap:13px}
.had-portfolio-index{padding:14px}
.had-portfolio-toolbar{gap:14px}
.had-portfolio-toolbar>div:first-child{min-width:180px}
.had-portfolio-toolbar h2{margin:6px 0 0}
.had-portfolio-filters{display:flex;gap:6px;align-items:center}
.had-portfolio-filters span{padding:6px 10px;border:1px solid #244e62;border-radius:14px;color:#698a9a;font-size:8px}
.had-portfolio-filters .is-active{background:linear-gradient(135deg,#24e0ef,#a78bfa);color:#06121c;border-color:transparent}
.had-github-sync{margin-left:auto!important}
.had-portfolio-project-grid{gap:8px}
.had-code-project{min-height:132px}
.had-code-project b{font-size:11px}
.had-code-project p{font-size:8px}
.had-portfolio-side{grid-template-rows:1.1fr .9fr;gap:13px}
.had-latest-code,.had-portfolio-composition{padding:20px}
.had-latest-code h2{font-size:22px}
.had-latest-code p{font-size:9px}
.had-composition-wrap{height:calc(100% - 42px);display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}
.had-composition-donut{width:116px;height:116px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#22d3ee 0 var(--had-data-end),#a78bfa var(--had-data-end) var(--had-research-end),#34d399 var(--had-research-end) var(--had-teaching-end),#f6b84a var(--had-teaching-end) 360deg);position:relative;box-shadow:0 0 24px rgba(34,211,238,.08)}
.had-composition-donut:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#071b29;border:1px solid #21485a}
.had-composition-donut span{position:relative;z-index:1;text-align:center}
.had-composition-donut b{display:block;color:var(--had-cyan);font:300 27px ui-monospace,monospace}
.had-composition-donut small{color:#6c8c9b;font:7px ui-monospace,monospace}
.had-composition-list{display:grid;gap:8px}
.had-composition-list span{display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:6px;border-bottom:4px solid #123449;color:#6f8f9e;font-size:9px}
.had-composition-list span:nth-child(1){border-color:#22d3ee}.had-composition-list span:nth-child(2){border-color:#a78bfa}.had-composition-list span:nth-child(3){border-color:#34d399}.had-composition-list span:nth-child(4){border-color:#f6b84a}
.had-composition-list em{color:#b7cbd3;font-style:normal}

/* Collection dashboards */
.had-collection-screen{gap:9px!important}
.had-collection-header{min-height:101px;padding:8px 8px 13px}
.had-collection-identity>span{width:58px;height:58px}
.had-collection-identity h1{font-size:clamp(29px,2.3vw,43px)}
.had-collection-kpis{min-width:330px}
.had-collection-kpis b{font-size:22px}
.had-collection-insight-note{min-height:48px;padding:8px 13px}
.had-collection-insight-note b{font-size:9px}
.had-collection-insight-note small{font-size:8px}
.had-collection-body.had-collection-advanced{grid-template-columns:minmax(560px,1.22fr) minmax(450px,.78fr);gap:13px}
.had-collection-body.had-collection-advanced .had-collection-analytics{padding:10px}
.had-collection-records{padding:12px 14px}
.had-collection-filter-row{padding:8px 0 9px}
.had-record-row.is-detailed{min-height:95px}
.had-record-row.is-detailed b{font-size:11px}
.had-record-row.is-detailed p{font-size:8px}
.had-analytics-title{min-height:38px}
.had-analytics-title span{font-size:12px}
.had-analytics-panel{border-radius:5px}
.had-funding-total b{font-size:34px}
.had-editorial-kpis b{font-size:23px}
.had-bubble-cloud span{min-width:var(--had-bubble);min-height:var(--had-bubble)}

/* Map fallback is visual only; counters stay factual. */
.had-reach-dot-placeholder{position:absolute;width:9px;height:9px;border:1px solid #22d3ee;border-radius:50%;opacity:.7;pointer-events:none;animation:hadPlaceholderPulse 2.4s ease-in-out infinite}
.had-reach-dot-placeholder>i{position:absolute;inset:2px;border-radius:50%;background:#a78bfa;box-shadow:0 0 12px #22d3ee}
@keyframes hadPlaceholderPulse{0%,100%{transform:scale(.75);opacity:.34}50%{transform:scale(1.35);opacity:.92}}

/* Preserve the one-screen console on common desktop displays. */
@media (min-width:1281px) and (min-height:760px){
  .had-shell-body{min-height:0}
  .had-screen{overflow:hidden}
  .had-scroll-list,.had-timeline-scroll,.had-blog-list,.had-portfolio-project-grid,.had-teaching-course-matrix,.had-side-scroll{scrollbar-width:thin;scrollbar-color:#31677d transparent}
}

@media (max-width:1500px) and (min-width:901px){
  :root{--had-sidebar:230px;--had-topbar:62px}
  .had-topbar{padding:0 18px;gap:16px}
  .had-top-links a{padding:0 10px}
  .had-screen{padding:11px}
  .had-screen-header{min-height:78px}
  .had-home-screen{grid-template-rows:48px 60px minmax(310px,1.25fr) minmax(160px,.75fr)!important}
  .had-home-top{grid-template-columns:1.28fr .96fr .84fr}
  .had-profile-card{grid-template-columns:minmax(140px,34%) 1fr}
  .had-publication-card-grid .had-dashboard-card{min-height:170px}
  .had-collection-body.had-collection-advanced{grid-template-columns:minmax(480px,1.15fr) minmax(390px,.85fr)}
  .had-story-copy{padding:28px 34px}
  .had-story-copy h2{font-size:34px}
}

@media (max-width:900px){
  :root{--had-sidebar:290px;--had-topbar:58px}
  .had-screen{padding:12px}
  .had-screen-header{min-height:0}
  .had-home-screen{display:block!important}
  .had-home-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .had-home-top,.had-publications-layout,.had-research-layout,.had-teaching-overview-layout,.had-experience-layout,.had-credential-layout,.had-blog-layout,.had-portfolio-layout,.had-collection-body.had-collection-advanced{display:block}
  .had-home-top>*,.had-publications-layout>*,.had-research-layout>*,.had-teaching-overview-layout>*,.had-experience-layout>*,.had-credential-layout>*,.had-blog-layout>*,.had-portfolio-layout>*,.had-collection-body.had-collection-advanced>*{margin-bottom:12px}
  .had-publication-card-grid{grid-template-columns:1fr}
  .had-project-grid{grid-template-columns:1fr}
  .had-story-copy{padding:24px}
  .had-featured-story{display:block}
  .had-portfolio-filters{display:none}
  .had-composition-wrap{height:auto}
}