/* P295 / Public personal E-Portfolio, solid cover and repeatable patterns. */
html{scroll-padding-top:105px}
body.e3-portfolio-fulltheme .e3-profile-page .e3-design-hero{background-color:var(--e3-accent)!important;background-image:none!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;isolation:isolate}
body.e3-portfolio-fulltheme .e3-profile-page .e3-design-hero.e3-has-cover{background-image:var(--e3-cover-image)!important}
body.e3-portfolio-fulltheme .e3-profile-page .e3-design-hero::before{background:none!important;box-shadow:none!important}
body.e3-portfolio-fulltheme .e3-profile-page .e3-design-hero.e3-has-cover::before{background:rgba(6,21,17,.30)!important}
body.e3-portfolio-fulltheme .e3-profile-page .e3-design-hero::after{background:none!important;opacity:1!important;background-repeat:repeat!important;background-size:120px 120px!important}
body.e3-person-pattern-stars .e3-profile-page .e3-design-hero::after{background-image:url('patterns/stars.svg')!important}
body.e3-person-pattern-petals .e3-profile-page .e3-design-hero::after{background-image:url('patterns/petals.svg')!important}
body.e3-person-pattern-clouds .e3-profile-page .e3-design-hero::after{background-image:url('patterns/clouds.svg')!important}
body.e3-person-pattern-dots .e3-profile-page .e3-design-hero::after{background-image:url('patterns/dots.svg')!important}
body.e3-person-pattern-grid .e3-profile-page .e3-design-hero::after{background-image:url('patterns/grid.svg')!important}
body.e3-person-pattern-none .e3-profile-page .e3-design-hero::after{display:none!important}
body.e3-portfolio-fulltheme .e3-profile-page .e3-design-hero.e3-has-cover::after{opacity:.24!important}
.e3-person-nav{max-width:min(100%,800px);overflow:auto;scrollbar-width:none}
.e3-person-nav::-webkit-scrollbar{display:none}
.e3-person-year-archive{position:relative;font-size:13px;font-weight:700}
.e3-person-year-archive summary{cursor:pointer;padding:9px 11px;border:1px solid var(--e3-accent-border);border-radius:12px;color:var(--e3-accent-deep);white-space:nowrap;list-style:none;background:#fff}
.e3-person-year-archive summary::-webkit-details-marker{display:none}
.e3-person-year-archive>div{position:absolute;right:0;top:calc(100% + 8px);z-index:80;min-width:225px;background:#fff;box-shadow:0 14px 30px #153c3028;border-radius:12px;padding:7px;border:1px solid var(--e3-accent-border);display:grid;gap:4px}
.e3-person-year-archive a{padding:10px;border-radius:9px;white-space:nowrap;color:var(--e3-accent-deep)}
.e3-person-year-archive a:hover{background:var(--e3-accent-soft);color:var(--e3-accent-deep)}
.e3-year-current{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;color:var(--e3-accent-deep);font-size:13px;font-weight:800}
.e3-person-section{scroll-margin-top:100px}.e3-person-section h2 i{margin-right:8px}
.e3-person-empty{color:#6b8078;font-size:14px;margin:8px 0}
.e3-person-media-link{display:inline-flex;align-items:center;gap:10px;background:var(--e3-accent-deep);color:#fff!important;border-radius:12px;padding:12px 20px;font-weight:800}
.e3-person-media-link:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:1100px){.e3-person-actions{flex-wrap:wrap;justify-content:center}.e3-person-nav{max-width:100%}.e3-header-inner{grid-template-columns:1fr;justify-items:center}.e3-head-actions{justify-self:center}}
@media(max-width:680px){.e3-person-nav a{padding:8px 11px;font-size:.8rem}.e3-person-year-archive>div{right:auto;left:0}.e3-year-current{font-size:12px}}
/* P296: the year belongs to the personal cover, and the mobile menu stays usable. */
.e3-profile-page .e3-design-hero{position:relative;isolation:isolate;padding-top:58px!important}
.e3-profile-page .e3-design-hero::before{content:'';position:absolute;inset:0;background:rgba(6,24,20,.12)!important;z-index:0;pointer-events:none}
.e3-profile-page .e3-design-hero.e3-has-cover::before{background:rgba(3,19,17,.32)!important}
.e3-profile-page .e3-design-hero>div:not(.e3m-crop-dialog){background:rgba(2,31,26,.53);padding:13px 18px;border-radius:15px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-shadow:0 2px 6px #001a16b5;max-width:min(100%,700px)}
.e3-profile-page .e3-design-hero h1,.e3-profile-page .e3-design-hero p{color:#fff!important;text-shadow:0 2px 6px #071711cc}
.e3-profile-page .e3-design-hero .e3-profile-photo{z-index:3;box-shadow:0 8px 24px #0005}
.e3-hero-fiscal{position:absolute;top:12px;right:14px;z-index:5;display:flex;align-items:center;gap:7px;border:1px solid #ffffff9c;color:#fff!important;background:rgba(2,37,28,.78);border-radius:11px;padding:8px 13px;font-size:13px;font-weight:800;box-shadow:0 4px 18px #0004;backdrop-filter:blur(5px);text-shadow:0 1px 3px #0008;white-space:nowrap}
.e3-mobile-menu{display:none}
.e3-person-year-archive summary{font-size:12px;font-weight:800}
/* max-width rules deliberately follow old desktop/mobile breakpoints */
@media(max-width:1000px){
 .e3-portfolio-fulltheme .e3-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;justify-items:stretch!important;padding:10px 12px!important}
 .e3-portfolio-fulltheme .e3-brand{grid-column:1;grid-row:1;min-width:0}
 .e3-portfolio-fulltheme .e3-brand strong{font-size:15px}
 .e3-portfolio-fulltheme .e3-brand small{font-size:11px;max-width:230px}
 .e3-portfolio-fulltheme .e3-person-actions{grid-column:2!important;grid-row:1!important;flex-wrap:nowrap!important;gap:7px!important;justify-self:end!important}
 .e3-portfolio-fulltheme .e3-person-nav{display:none!important}
 .e3-mobile-menu{display:block;grid-column:1/-1;grid-row:2;position:relative;width:100%}
 .e3-mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--e3-accent-soft);color:var(--e3-accent-deep);border:1px solid var(--e3-accent-border);font-size:13px;font-weight:800;cursor:pointer;list-style:none}
 .e3-mobile-menu summary::-webkit-details-marker{display:none}
 .e3-mobile-menu summary i:last-child{margin-left:8px;transition:transform .2s}
 .e3-mobile-menu[open] summary i:last-child{transform:rotate(180deg)}
 .e3-mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:1px solid var(--e3-accent-border);border-radius:0 0 14px 14px;background:#fff;padding:11px;margin-top:4px}
 .e3-mobile-nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:40px;padding:9px 6px;background:var(--e3-accent-soft);border-radius:9px;color:var(--e3-accent-deep);font-weight:800;font-size:13px}
 .e3-mobile-nav a:hover,.e3-mobile-nav a.active,.e3-mobile-nav a:focus-visible{background:var(--e3-accent-deep);color:#fff}
 .e3-portfolio-fulltheme .e3-person-year-archive>div{right:0;left:auto;min-width:min(250px,85vw)}
 .e3-portfolio-fulltheme .e3-person-actions .e3-home-link{width:38px;height:38px;padding:0;flex:0 0 38px}
 .e3-portfolio-fulltheme .e3-person-actions .e3-home-link span{display:none}
 .e3-portfolio-fulltheme .e3-person-year-archive summary{padding:9px 8px;min-height:38px;font-size:11.5px}
}
@media(max-width:520px){
 .e3-portfolio-fulltheme .e3-brand-mark{width:35px;height:35px;flex-basis:35px}
 .e3-portfolio-fulltheme .e3-brand{gap:6px}
 .e3-portfolio-fulltheme .e3-brand strong{font-size:13px}
 .e3-portfolio-fulltheme .e3-brand small{max-width:118px;font-size:10px}
 .e3-profile-page .e3-design-hero{padding:58px 12px 16px!important;gap:11px;align-items:center}
 .e3-profile-page .e3-design-hero>div:not(.e3m-crop-dialog){padding:9px 11px}
 .e3-profile-page .e3-design-hero h1{font-size:1.08rem!important}
 .e3-hero-fiscal{top:12px;right:12px;padding:7px 10px;font-size:11px}
 .e3-mobile-nav a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.e3-mobile-menu summary i,.e3-mobile-nav a{transition:none!important}}
