/* Exclusiv antetul V3; paginile și fundalul existent nu sunt modificate. */
.forest-header{display:grid;grid-template-columns:440px minmax(0,1fr);grid-template-rows:220px auto;align-items:end;gap:0;max-width:1470px;min-height:0;padding:20px 25px 28px;position:relative}
.forest-header .brand{grid-column:1;grid-row:1;align-self:center;min-width:0;max-width:none;width:100%;min-height:198px;gap:16px;padding:14px 16px;border:8px solid #855228;border-radius:48% 12% 20% 14% / 20% 23% 22% 22%;background:radial-gradient(ellipse,#fff9df 25%,#f4dba3 95%);box-shadow:inset 0 0 0 3px #c39353,inset 0 0 22px #d3a25e70,0 5px 9px #39402040;transform:none;font-size:29px;color:#214a71;text-align:center;font-weight:700}
.forest-header .brand strong{font-size:31px;line-height:1.15;white-space:normal;color:#8e2031;max-width:none;margin:6px 0;font-style:italic}.forest-header .brand small{font-size:12px;letter-spacing:.5px;line-height:1.4;color:#29415b}.forest-header .brand-logo{width:128px;height:162px;padding:4px;border:1px solid #e1cca0;border-radius:20px;background:#fff;box-shadow:none;object-fit:contain;flex-shrink:0}
.forest-header .brand:before{content:'🌿 ✿';font-size:28px;left:-18px;bottom:-18px;color:#d84e77;text-shadow:none}.forest-header .brand:after{content:'✿ 🌿';font-size:26px;right:-15px;top:-16px;bottom:auto;color:#e5a83f;text-shadow:none}
.forest-header .storybook-friends{display:block;grid-column:2;grid-row:1;position:static;width:100%;height:220px;background:url('assets/menu-seven-gnomes.png') center bottom / contain no-repeat;z-index:2;pointer-events:none;align-self:end;transform:translateY(10px)}
.forest-header nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:.85fr 1.15fr .9fr .9fr 1fr .85fr 1.35fr;align-items:stretch;gap:8px;width:100%;margin:0;padding:19px 25px 24px;min-height:100px;max-width:none;border:3px solid #78502c;border-radius:45px 24px 40px 30px;background:repeating-linear-gradient(3deg,transparent 0 5px,#613d2020 6px 7px,transparent 8px 15px),linear-gradient(#b78347,#825528 36%,#b18043 64%,#72451f);box-shadow:inset 0 3px #e7be7d,inset 0 -3px #5d361e,0 5px 8px #394a2e45;position:relative}
.forest-header nav:before,.forest-header nav:after{position:absolute;pointer-events:none;z-index:2;font-size:26px;line-height:1;content:'🌿 🌼 🌿';left:-9px;bottom:-11px;transform:rotate(-7deg)}.forest-header nav:after{content:'🌿 🌸 🌿';right:-10px;left:auto;top:-12px;bottom:auto;transform:rotate(8deg)}
.forest-header nav a{display:flex;justify-content:center;align-items:center;gap:9px;min-width:0;max-width:none;white-space:normal;padding:12px 9px;text-align:center;font:700 17px/1.15 Georgia,serif;color:#3e2d1d;background:radial-gradient(ellipse at 50% 30%,#fff9df,#f3d6a0);border:2px solid #d5a666;border-radius:20px 15px 23px 13px;box-shadow:inset 0 0 9px #d3a65e60,0 3px 3px #3b251d50;text-decoration:none}
.forest-header nav a>span:first-child{font:28px/1 system-ui;flex-shrink:0}.forest-header nav a[aria-current=page]{color:#124d80;background:linear-gradient(#fffceb,#ffe6ac);border:2px solid #326ea1;box-shadow:inset 0 -4px #79b9df,0 3px 3px #3b251d50}.forest-header nav a.button{background:linear-gradient(#ca3055,#9e1439);color:white;border:2px solid #fff3d7;border-radius:35px;font-size:16px;box-shadow:0 0 0 2px #742436,inset 0 2px #ffffff55,0 4px 5px #3b251d50}
.forest-header nav a:focus-visible,.forest-header #menu-toggle:focus-visible{outline:3px solid #07549c;outline-offset:4px}.forest-header #menu-toggle{display:none}
@media(prefers-reduced-motion:no-preference){.forest-header nav a{transition:transform .16s ease,filter .16s ease}.forest-header nav a:hover{transform:translateY(-3px);filter:brightness(1.05)}}
@media(max-width:1200px){.forest-header{grid-template-columns:370px minmax(0,1fr);grid-template-rows:200px auto;padding:16px 20px 25px}.forest-header .brand{min-height:180px;padding:10px;gap:10px;font-size:25px}.forest-header .brand-logo{width:110px;height:139px}.forest-header .brand strong{font-size:27px}.forest-header .storybook-friends{height:200px}.forest-header nav{gap:6px;padding:17px 16px 21px}.forest-header nav a{font-size:15px;padding:12px 6px;gap:6px}.forest-header nav a>span:first-child{font-size:24px}.forest-header nav a.button{font-size:14px}}
@media(max-width:1000px){.forest-header{grid-template-columns:340px minmax(0,1fr);grid-template-rows:180px auto}.forest-header .brand{min-height:165px;font-size:23px}.forest-header .brand strong{font-size:25px}.forest-header .brand-logo{width:98px;height:124px}.forest-header .storybook-friends{height:180px}.forest-header nav{grid-template-columns:repeat(4,minmax(0,1fr));padding:18px;gap:10px}.forest-header nav a{font-size:16px;min-height:58px}.forest-header nav a.button{grid-column:span 2}}
@media(max-width:700px){.forest-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:16px 10px;padding:17px 16px 22px}.forest-header .brand{grid-column:1/-1;grid-row:1;min-height:0;width:100%;max-width:440px;justify-self:center;padding:12px;gap:14px;font-size:25px;border-width:6px}.forest-header .brand strong{font-size:27px}.forest-header .brand small{font-size:11px}.forest-header .brand-logo{width:102px;height:128px}.forest-header .storybook-friends{grid-column:1;grid-row:2;height:70px;width:100%;max-width:235px;justify-self:start;transform:none}.forest-header #menu-toggle{display:block;grid-column:2;grid-row:2;align-self:center;justify-self:end;margin:0;max-width:100%;padding:11px 15px;background:linear-gradient(#fff6d5,#efd198);color:#234c6b;border:2px solid #835827;border-radius:16px;font-size:14px;white-space:nowrap}.forest-header nav{display:none;grid-column:1/-1;grid-row:3;padding:16px 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-radius:25px;width:100%;min-height:0}.forest-header nav.open{display:grid}.forest-header nav a{min-height:58px;gap:8px;font-size:15px;padding:10px 8px}.forest-header nav a.button{grid-column:1/-1;font-size:16px}.forest-header nav:before,.forest-header nav:after{font-size:20px}}
@media(max-width:380px){.forest-header{padding:16px 12px;gap:14px 8px}.forest-header .brand{gap:9px;font-size:21px;padding:10px}.forest-header .brand-logo{width:86px;height:109px}.forest-header .brand strong{font-size:23px}.forest-header .brand small{font-size:9px}.forest-header .storybook-friends{height:55px;max-width:185px}.forest-header #menu-toggle{padding:9px 10px;font-size:13px}.forest-header nav a{font-size:14px}.forest-header nav a>span:first-child{font-size:22px}}
/* Compoziție proprie: panou de identitate și decor unite de creanga meniului. */
@media(min-width:1001px){.forest-header{grid-template-columns:480px minmax(0,1fr);grid-template-rows:270px auto}.forest-header .brand{min-height:220px}.forest-header .brand-logo{width:140px;height:176px}.forest-header .brand strong{font-size:33px}.forest-header .storybook-friends{height:270px;background-size:100% 100%;transform:translateY(34px)}.forest-header nav{padding-top:20px;background:repeating-linear-gradient(2deg,transparent 0 5px,#5735152b 6px 7px,transparent 8px 14px),linear-gradient(#ce9c62,#8b5c32 35%,#bc894b 64%,#6e431f);border-radius:50px 27px 45px 32px}}
@media(min-width:1001px) and (max-width:1200px){.forest-header{grid-template-columns:390px minmax(0,1fr);grid-template-rows:230px auto}.forest-header .brand strong{font-size:27px}.forest-header .brand-logo{width:116px;height:146px}.forest-header .brand{min-height:190px}.forest-header .storybook-friends{height:230px}}
@media(min-width:701px) and (max-width:1000px){.forest-header .storybook-friends{background-size:100% 100%;transform:translateY(22px)}}
.forest-header .nav-branch{position:absolute;inset:-8px -12px;width:calc(100% + 24px);height:calc(100% + 16px);z-index:0;pointer-events:none}.forest-header nav{background:transparent;border:0;box-shadow:none}.forest-header nav a{position:relative;z-index:1;border-radius:28% 19% 24% 18% / 18% 22% 25% 24%;box-shadow:inset 0 0 12px #d3a65e60,0 3px 4px #3b251d50}.forest-header nav a.button{border-radius:35px}
@media(max-width:700px){.forest-header .nav-branch{inset:-7px -5px;width:calc(100% + 10px);height:calc(100% + 14px)}}
/* Antet simplificat, în acord cu fundalul albastru și identitatea instituției. */
.forest-header{display:grid;grid-template-columns:150px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:18px 26px;padding:25px 30px 22px;max-width:1430px;background:none}
.forest-header .storybook-friends,.forest-header .nav-branch{display:none}
.logo-separate{display:block;grid-column:1;grid-row:1;justify-self:start;line-height:0;border-radius:20px;box-shadow:0 5px 18px #244c7820;background:white;padding:8px}
.logo-separate img{display:block;width:118px;height:148px;object-fit:contain;border-radius:12px}
.forest-header .brand{grid-column:2;grid-row:1;display:block;align-self:center;text-align:left;min-height:0;min-width:0;width:auto;max-width:none;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:#18486f;font-size:25px}
.forest-header .brand:before,.forest-header .brand:after{display:none}.forest-header .brand strong{white-space:normal;font-size:38px;color:#8b243d;margin:3px 0 8px;font-style:normal}.forest-header .brand small{font:650 12px/1.5 system-ui;letter-spacing:2px;color:#375675}
.forest-header nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:.8fr 1.25fr .8fr .8fr 1fr .8fr 1.45fr;gap:8px;width:100%;margin:0;padding:12px;min-height:0;background:#f5f8fff2;border:1px solid #91acca;border-radius:18px;box-shadow:0 5px 16px #254c7420}
.forest-header nav:before,.forest-header nav:after{display:none}.forest-header nav a{border:1px solid #c0d0e3;border-radius:12px;background:#eaf1fc;color:#224565;font:650 15px/1.25 system-ui;padding:13px 9px;min-height:56px;gap:8px;box-shadow:none;white-space:normal}
.forest-header nav a>span:first-child{font-size:23px}.forest-header nav a[aria-current=page]{background:#d7e7fa;color:#174979;border-color:#36699e;box-shadow:inset 0 -3px #36699e}.forest-header nav a.button{border-radius:12px;background:#992d48;color:white;border:1px solid #84243c;font:650 15px/1.25 system-ui;box-shadow:none;max-width:none}
.forest-header #menu-toggle{display:none}
@media(max-width:1000px){.forest-header nav{grid-template-columns:repeat(4,minmax(0,1fr))}.forest-header nav a.button{grid-column:span 2}.forest-header .brand strong{font-size:33px}}
@media(max-width:700px){.forest-header{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto auto;padding:20px 16px;gap:16px}.logo-separate{padding:6px;border-radius:16px}.logo-separate img{width:94px;height:118px}.forest-header .brand{grid-column:2;grid-row:1;text-align:left;width:auto;font-size:18px;justify-self:start}.forest-header .brand strong{font-size:26px;line-height:1.15}.forest-header .brand small{font-size:9px;letter-spacing:1px}.forest-header #menu-toggle{display:block;grid-column:1/-1;grid-row:2;justify-self:stretch;margin:0;background:#edf4ff;color:#234e7b;border:1px solid #789bc3;border-radius:12px;padding:12px 18px;text-align:center}.forest-header nav{display:none;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border-radius:15px}.forest-header nav.open{display:grid}.forest-header nav a{font-size:14px;padding:12px 8px}.forest-header nav a.button{grid-column:1/-1}}
@media(max-width:380px){.forest-header{grid-template-columns:95px minmax(0,1fr);gap:12px}.logo-separate img{width:79px;height:100px}.forest-header .brand strong{font-size:23px}.forest-header .brand{font-size:16px}.forest-header .brand small{font-size:8px;letter-spacing:.5px}}

.forest-header .brand{background:#fff9edf2;border-radius:18px;padding:16px 24px;box-shadow:0 3px 14px #16395022}@media(max-width:700px){.forest-header .brand{padding:10px 12px}}

/* The original gnome header is retired on every device, even during startup. */
.forest-header .storybook-friends{display:none!important;background:none!important}