/* Page surfaces only; existing V8 shell mechanics retained. */
@layer ironShell { @layer chrome,surfaces; @layer surfaces {
/* Main page colors, grids, cards, slider images and fonts return to the original loaded CSS. */
html[data-iron-shell="1"] .hero-showcase-fade-v104{display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#050705 0%,rgba(5,7,5,.94) 10%,rgba(5,7,5,.48) 38%,rgba(5,7,5,.04) 70%),linear-gradient(0deg,rgba(5,7,5,.94) 0%,transparent 45%)!important;}
html[data-iron-shell="1"] body.light .hero-showcase-fade-v104{background:linear-gradient(90deg,#d9d4c5 0%,rgba(217,212,197,.93) 10%,rgba(217,212,197,.30) 42%,rgba(217,212,197,0) 73%),linear-gradient(0deg,rgba(217,212,197,.94) 0%,transparent 48%)!important;}

/* Original style.css .site-shell horizontal padding: keep it on home content while chrome stays full width. */
html[data-iron-shell="1"] .site-shell>main.home{width:auto!important;min-width:0!important;margin-left:14px!important;margin-right:14px!important;}

/* V12 screenshot 4: database surfaces. No data/count/record snapshot installed. */
html[data-iron-shell="1"] body:has(#database.database-layout-v105) {--iron-content-panel:#181a16;--iron-content-border:#38392e;--iron-content-text:#eee8d7;--iron-content-muted:#b4b09f;--iron-content-gold:#d0ad43;}
html[data-iron-shell="1"] body.light:has(#database.database-layout-v105) {--iron-content-panel:#eae6da;--iron-content-border:#b4a06c;--iron-content-text:#29251b;--iron-content-muted:#706951;--iron-content-gold:#80621b;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) main#home{width:calc(100% - 40px)!important;max-width:1668px!important;min-width:0!important;margin:28px auto 42px!important;padding:0!important;box-sizing:border-box!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-filter-launch-v220{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important;gap:28px!important;min-height:176px!important;padding:24px 26px!important;margin:0 0 12px!important;background:var(--iron-content-panel)!important;border:1px solid var(--iron-content-border)!important;border-left:3px solid var(--iron-content-gold)!important;border-radius:8px!important;box-shadow:none!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-filter-launch-v220::before{content:none!important;display:none!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-filter-launch-v220>div:first-child>strong{display:block!important;color:var(--iron-content-text)!important;font:700 clamp(24px,2vw,34px)/1.2 Georgia,serif!important;margin:8px 0 12px!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-filter-launch-v220>div:first-child>span{color:var(--iron-content-gold)!important;font:800 10px/1.4 Arial,sans-serif!important;letter-spacing:.13em!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-filter-launch-v220>div:first-child>small{display:block!important;max-width:520px!important;color:var(--iron-content-text)!important;font:13px/1.7 Arial,sans-serif!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-db-actions-v221{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;border:0!important;padding:0!important;counter-reset:archive-link;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-db-actions-v221 .visual-filter-open-v220{display:flex!important;justify-content:flex-start!important;gap:12px!important;min-height:38px!important;height:auto!important;padding:10px 12px!important;background:var(--iron-content-panel)!important;color:var(--iron-content-text)!important;border:1px solid #514b35!important;border-radius:5px!important;box-shadow:none!important;font:700 12px/1.3 Georgia,serif!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-db-actions-v221 .visual-filter-open-v220::before{counter-increment:archive-link;content:counter(archive-link,decimal-leading-zero);color:var(--iron-content-gold);font:700 10px Georgia,serif;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-db-actions-v221 .visual-filter-open-v220>span{margin-left:auto!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database{display:grid!important;grid-template-columns:225px minmax(0,1fr)!important;gap:12px 20px!important;padding:0!important;margin:22px 0 0!important;width:100%!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.database-titlebar-v105{grid-column:2!important;grid-row:1!important;border:1px solid var(--iron-content-border)!important;border-radius:5px!important;background:var(--iron-content-panel)!important;box-shadow:none!important;min-height:45px!important;margin:0!important;padding:9px 14px!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.database-titlebar-v105 h2{color:var(--iron-content-text)!important;font:700 20px/1.3 Georgia,serif!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.filters{grid-column:1!important;grid-row:1/3!important;align-self:start!important;width:auto!important;min-width:0!important;margin:0!important;padding:16px!important;background:var(--iron-content-panel)!important;border:1px solid #514b35!important;border-radius:6px!important;box-shadow:none!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.filters :is(h2,label){color:var(--iron-content-text)!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.filters select{width:100%!important;background:var(--iron-content-panel)!important;color:var(--iron-content-text)!important;border:1px solid #514b35!important;border-radius:4px!important;min-height:37px!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.featured{grid-column:2!important;grid-row:2!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #psuCards{margin:0!important;padding:0!important;width:100%!important;min-width:0!important;border:0!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .brand-heading-v97{border:0!important;border-bottom:1px solid #514b35!important;border-radius:0!important;background:var(--iron-content-panel)!important;box-shadow:none!important;margin:0 0 10px!important;padding:8px 12px!important;min-height:44px!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .brand-heading-v97 :is(h3,small){color:var(--iron-content-text)!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .brand-cards-v97{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .psu-card{background:#080b08!important;border:1px solid #79621c!important;border-radius:6px!important;box-shadow:none!important;color:#eee8d7!important;min-width:0!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .psu-card :is(h3,.psu-subline,.card-summary){color:#eee8d7!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .psu-card .card-quick-specs>span{background:#10120c!important;border:1px solid #514315!important;color:#eee8d7!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .psu-card .card-quick-specs small{color:#bba35c!important;}
@media(max-width:1250px){html[data-iron-shell="1"] body:has(#database.database-layout-v105) .brand-cards-v97{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1000px){html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-filter-launch-v220{grid-template-columns:1fr!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database{grid-template-columns:210px minmax(0,1fr)!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .brand-cards-v97{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){html[data-iron-shell="1"] body:has(#database.database-layout-v105) main#home{width:calc(100% - 24px)!important;margin-top:20px!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database{grid-template-columns:minmax(0,1fr)!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.database-titlebar-v105{grid-column:1!important;grid-row:1!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.mobile-filter-toggle-v187{grid-column:1!important;grid-row:2!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.filters{grid-column:1!important;grid-row:3!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) #database>.featured{grid-column:1!important;grid-row:4!important;}
html[data-iron-shell="1"] body:has(#database.database-layout-v105) .visual-filter-launch-v220{padding:20px!important;}
}
@media(max-width:460px){html[data-iron-shell="1"] body:has(#database.database-layout-v105) .brand-cards-v97{grid-template-columns:minmax(0,1fr)!important;}
}

/* V12 screenshot 5: two-column, grouped tools directory. */
html[data-iron-shell="1"] body .iron-tools-main{--iron-tools-text:#eee8d7;--iron-tools-muted:#b9b29f;--iron-tools-gold:#d0ad43;--iron-tools-stroke:#38392e;width:calc(100% - 40px)!important;max-width:1280px!important;margin:40px auto!important;padding:0!important;min-width:0!important;}
html[data-iron-shell="1"] body.light .iron-tools-main{--iron-tools-text:#29251b;--iron-tools-muted:#706951;--iron-tools-gold:#80621b;--iron-tools-stroke:#b4a06c;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-hero{display:block!important;margin:0 0 24px!important;padding:0 0 20px!important;min-height:0!important;background:none!important;border:0!important;border-bottom:1px solid var(--iron-tools-stroke)!important;border-radius:0!important;box-shadow:none!important;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-kicker{color:var(--iron-tools-gold)!important;font:800 10px/1.4 Arial,sans-serif!important;letter-spacing:.14em!important;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-hero h1{font:700 clamp(34px,4vw,46px)/1.15 Georgia,serif!important;color:var(--iron-tools-text)!important;margin:8px 0 12px!important;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-hero p{font:13px/1.7 Arial,sans-serif!important;max-width:540px!important;color:var(--iron-tools-text)!important;margin:0!important;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-group{margin:24px 0 28px!important;padding:0!important;background:none!important;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #514b35;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-heading h2{font:700 18px/1.3 Georgia,serif!important;margin:0!important;color:var(--iron-tools-text)!important;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-heading>small{font:11px Arial,sans-serif;color:var(--iron-tools-muted);}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-row{display:flex;align-items:center;gap:14px;padding:16px 5px;min-width:0;text-decoration:none;color:var(--iron-tools-text);border:0;border-bottom:1px solid var(--iron-tools-stroke);background:transparent;border-radius:0;box-shadow:none;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-number{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--iron-tools-gold);border-radius:50%;font:700 11px Georgia,serif;color:var(--iron-tools-gold);}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-copy{min-width:0;display:block;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-copy strong{display:block;font:700 17px/1.3 Georgia,serif;color:var(--iron-tools-text);}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-copy small{display:block;margin-top:4px;font:12px/1.5 Arial,sans-serif;color:var(--iron-tools-muted);}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-arrow{margin-left:auto;padding-left:8px;color:var(--iron-tools-gold);}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-row:hover{background:color-mix(in srgb,var(--iron-tools-gold) 7%,transparent);}
html[data-iron-shell="1"] body .iron-tools-main .iron-tool-row:focus-visible{outline:2px solid var(--iron-tools-gold);outline-offset:2px;}
html[data-iron-shell="1"] body .iron-tools-main .iron-tools-updates{color:var(--iron-tools-gold);font:12px/1.5 Arial,sans-serif;}
@media(max-width:700px){html[data-iron-shell="1"] body .iron-tools-main .iron-tools-rows{grid-template-columns:minmax(0,1fr);}
html[data-iron-shell="1"] body .iron-tools-main{width:calc(100% - 32px)!important;margin:24px auto!important;}
}

}}