/* USSP HOME POLISH 2026-10-24 — header + home sections for phone, tablet and desktop.
   Rollback: remove the <link> to this file from resources/views/components/dlt-layout.blade.php
   (backup: private/backup-home-polish-20261024/). */
@media (max-width:760px){
.topbar .wrap{gap:1px 10px;padding-top:5px;padding-bottom:5px;line-height:1.6}
.topbar .wrap>span:first-child{font-size:11.5px;opacity:.9}
.topbar .issn-top{font-size:12.5px;font-weight:700;letter-spacing:.15px}
.site-head{position:relative}
.head-row{display:grid!important;grid-template-columns:1fr;gap:10px;padding-top:10px!important;padding-bottom:10px!important;padding-inline-end:58px!important}
.head-actions{justify-content:flex-start;gap:8px;flex-wrap:nowrap}
.head-actions .lang-switch,.head-actions .btn-ghost{min-height:38px;padding:6px 14px!important;font-size:14px!important;border-radius:999px!important;line-height:1.4}
.mainnav{border-top:0}
.mainnav .nav-row{min-height:0;padding-top:0;padding-bottom:0}
.mainnav .burger{position:absolute;top:14px;inset-inline-end:12px;width:44px;height:44px;padding:0!important;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line,#e3e3e3);background:#fff;z-index:3}
.mainnav .burger span{width:22px!important}
.navtoggle:checked ~ .menu{margin-top:6px}
.mobile-submit{padding-top:8px!important;padding-bottom:10px!important}
}
.topbar .issn-top{font-weight:700;letter-spacing:.15px}
.burger:focus-visible,.navtoggle:focus-visible + .burger,.head-actions a:focus-visible,.mobile-submit a:focus-visible{outline:3px solid #f2b84b;outline-offset:2px}
/* --- DIEJ home (.revo) --- */
html body .revo h2,html body .revo h3{text-wrap:balance}
html body .revo p{text-wrap:pretty}
html body .revo .field-card{position:relative;background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid #ead9b8;border-radius:14px;box-shadow:0 8px 20px -18px rgba(80,60,20,.5);gap:12px}
html body .revo .field-card .fi{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#f7edd6;color:#936a30;font-size:18px}
html body .revo .field-card .fn{position:absolute;top:8px;inset-inline-end:10px;font-size:.78rem;color:#b08a4e}
html body .revo .field-card h3{padding-inline-end:14px}
html body .revo .revo-links a{flex-wrap:wrap;row-gap:4px}
html body .revo-pillar p{font-size:15px!important;color:#4a5157!important;line-height:1.85}
html body .revo-stage b{font-size:15px}
html body .revo-pillar{box-shadow:0 10px 24px -20px rgba(80,60,20,.45)}
html body .revo .revo-links a small{white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-size:13px}
@media (max-width:1100px){html body .revo .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:900px){html body .revo .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
@media (max-width:760px){
html body .revo-hero-in{min-height:0!important;padding:34px 0 38px!important}
html body .revo-hero .rev-major{font-size:15px!important;font-weight:700;color:#fff3d7}
html body .revo-hero .rev-second{font-size:clamp(22px,6.4vw,30px)!important;line-height:1.5;margin-top:6px}
html body .revo-hero .rev-major,html body .revo-hero .rev-second,html body .revo-hero .rev-pitch{white-space:normal!important;overflow-wrap:break-word;max-width:100%}
html body .revo-hero .rev-pitch{font-size:15.5px!important;line-height:1.8;color:#f6efe4!important}
html body .revo-sec{padding:28px 0!important}
html body .revo-sec h2{font-size:clamp(21px,5.8vw,26px)!important;line-height:1.45}
html body .revo-pillar{padding:18px 16px!important;gap:13px!important;background:linear-gradient(180deg,#fffdf8,#fff)!important;box-shadow:0 10px 24px -20px rgba(80,60,20,.45)}
html body .revo-pillar p{font-size:15px!important;color:#4a5157!important}
html body .revo-difference{grid-template-columns:1fr!important;padding:22px 20px!important;gap:6px!important;background:linear-gradient(135deg,#fffaf0,#fff)!important}
html body .revo-difference .rings{order:-1;font-size:2.1rem!important;line-height:1}
html body .revo-difference strong{font-size:20px!important;color:#7a5a22}
html body .revo-difference p{font-size:15.5px;color:#3f464c}
html body .revo-flow{grid-template-columns:1fr 1fr!important;gap:10px!important}
html body .revo-stage{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border:1px solid rgba(234,203,140,.28);border-radius:14px;background:rgba(255,255,255,.05);text-align:start!important;min-height:64px}
html body .revo-stage .bubble{width:42px!important;height:42px!important;flex:none;margin:0!important;font-size:17px}
html body .revo-stage b{font-size:15px;line-height:1.5}
html body .revo-stage:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}
html body .revo .revo-links a{flex-direction:column;align-items:flex-start;padding:14px 16px}
html body .revo .rel-card{padding:22px 18px!important}
}
@media (max-width:540px){html body .revo .field-grid{grid-template-columns:1fr!important;gap:9px!important}html body .revo .field-card{padding:12px 14px!important;gap:12px!important;min-height:64px}html body .revo .field-card h3{font-size:15.5px!important;line-height:1.6!important}}
/* --- DLT home (.dlr) --- */
html body .dlr .dlr-issn{display:none}
html body .dlr h1,html body .dlr h2,html body .dlr h3,html body .dlr .dlr-title{text-wrap:balance}
html body .dlr p{text-wrap:pretty}
html body .dlr .dlr-heading{max-width:960px}
html body .dlr .dlr-card{background:linear-gradient(180deg,#f3fbfd,#fff 70%);border-color:#cfe6ee;box-shadow:0 10px 26px -22px rgba(7,49,75,.55)}
html body .dlr .dlr-card i{width:48px;height:48px;display:grid!important;place-items:center;border-radius:14px;background:#e1f4f8;color:#0a7f9a;font-size:1.35rem}
html body .dlr .dlr-card p,html body .dlr .dlr-small{font-size:.97rem;color:#3d5d69}
html body .dlr .dlr-step{background:#fff;border:1px solid #d4e9ef;border-top:3px solid #14a8bd;border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px}
html body .dlr .dlr-step b{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e4f5f8;color:#0b7e98;font-size:1.15rem;text-align:center}
html body .dlr .dlr-step p{margin:0;color:#1f4556;font-size:1rem}
html body .dlr .dlr-field{background:linear-gradient(180deg,#f5fbfd,#fff);box-shadow:0 8px 20px -20px rgba(7,49,75,.5)}
html body .dlr .dlr-field i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e1f4f8;font-size:1.25rem}
html body .dlr .dlr-field.dlr-field-note{background:linear-gradient(135deg,#063b55,#0b5a78)!important;border-color:#063b55}
html body .dlr .dlr-field-note i{background:rgba(255,255,255,.12)}
@media (max-width:760px){
html body .dlr .dlr-hero{padding:30px 0 34px}
html body .dlr .dlr-kicker{font-size:.95rem;margin-bottom:10px}
html body .dlr .dlr-title{font-size:clamp(1.45rem,6.2vw,1.9rem)!important}
html body .dlr .dlr-section{padding-top:34px!important;padding-bottom:34px!important}
html body .dlr .dlr-h2{font-size:clamp(1.4rem,6vw,1.75rem)!important;line-height:1.5!important}
}
@media (max-width:560px){
html body .dlr .dlr-cards,html body .dlr .dlr-steps,html body .dlr .dlr-fields{grid-template-columns:1fr!important;gap:10px!important}
html body .dlr .dlr-card{padding:16px;display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start}
html body .dlr .dlr-card i{grid-row:span 2;margin:0}
html body .dlr .dlr-card h3{margin:2px 0 6px}
html body .dlr .dlr-field{min-height:0;flex-direction:row;align-items:center;padding:12px 14px}
html body .dlr .dlr-field-note{flex-direction:column;align-items:flex-start}
}

/* submit page (2026-10-24): keep the reCAPTCHA box inside small phone screens */
@media (max-width:760px){html body .sub-grid{grid-template-columns:minmax(0,1fr)!important}html body .sub-card{min-width:0;padding:18px 16px!important}}
@media (max-width:400px){html body .g-recaptcha{transform:scale(.86);transform-origin:right top;height:68px;margin-bottom:4px}html[dir="ltr"] body .g-recaptcha{transform-origin:left top}}

/* hero identity block on phones (2026-10-24b): one centred composition instead of scattered alignments */
@media (max-width:760px){
.brand-txt b{font-size:15px!important;white-space:nowrap}
.head-row .brand{min-width:0}
.brand-txt{min-width:0}
html body .dlr .dlr-hero{padding:26px 0 32px;text-align:center}
html body .dlr .dlr-hero .dlr-grid>div:first-child{display:flex;flex-direction:column;align-items:center}
html body .dlr .dlr-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px!important;padding:6px 14px;border-radius:999px;background:rgba(8,123,153,.09);border:1px solid rgba(8,123,153,.25);font-size:.88rem!important}
html body .dlr .dlr-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#14a8bd;box-shadow:0 0 0 4px rgba(20,168,189,.18)}
html body .dlr .dlr-title{font-size:clamp(1.6rem,7.4vw,2.05rem)!important;line-height:1.4!important;margin:0 0 6px!important}
html body .dlr .dlr-sub{display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr;font-size:1rem!important;margin:0 0 18px!important;color:#24637a;letter-spacing:.2px}
html body .dlr .dlr-sub::before,html body .dlr .dlr-sub::after{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#14a8bd)}
html body .dlr .dlr-sub::after{transform:scaleX(-1)}
html body .dlr .dlr-hero .dlr-h2{font-size:clamp(1.3rem,5.8vw,1.6rem)!important;margin:0 0 8px!important;padding-top:16px;border-top:1px solid rgba(8,123,153,.18);width:100%}
html body .dlr .dlr-motto{font-size:1rem;margin:0 0 12px;max-width:30ch}
html body .dlr .dlr-lead{font-size:.98rem;line-height:1.9;max-width:34ch;margin-inline:auto}
html body .dlr .dlr-hero .dlr-actions{justify-content:center}
}
@media (max-width:400px){.brand-txt b{font-size:clamp(12.5px,3.9vw,14.5px)!important}.brand img{width:38px!important;height:38px!important}}