/* USSP HOME POLISH 2026-10-24 — NHKR header + home sections for phone, tablet and desktop.
   Rollback: remove the <link> to this file from resources/views/components/layout/landing.blade.php
   (backup: private/backup-home-polish-20261024/). */
.topbar .issn-top{font-weight:700;letter-spacing:.15px}
@media (max-width:760px){
.topbar .wrap{gap:1px 10px;padding-top:5px;padding-bottom:5px;line-height:1.6;justify-content:center;text-align:center}
.topbar .wrap>span:first-child{font-size:11.5px;opacity:.9}
.topbar .issn-top{font-size:12.5px}
.site-head .head-row{padding-top:10px!important;padding-bottom:8px!important;row-gap:10px}
.site-head .head-actions{gap:8px}
.site-head .head-actions .btn,.site-head .head-actions .lang-switch{min-height:38px;padding:6px 14px!important;font-size:14px!important;border-radius:999px!important}
.mobile-submit{padding:6px 14px 8px!important}
.mainnav .nav-row{padding-top:6px;padding-bottom:6px;gap:8px}
}
@media (max-width:400px){.site-head .brand{flex-wrap:wrap;row-gap:4px;min-width:0;max-width:100%}.site-head .brand img{max-width:100%;height:auto;max-height:44px}.site-head .brand .brand-tag{font-size:.88rem!important}}
@media (min-width:1180px){html body .mainnav .nav-row{flex-wrap:nowrap}html body .mainnav .nav-search{flex:0 1 250px;min-width:180px}html body .mainnav .menu{flex-wrap:nowrap}html body .mainnav .menu a{padding-inline:11px;white-space:nowrap}}
.burger:focus-visible,.head-actions a:focus-visible,.mobile-submit a:focus-visible{outline:3px solid #f2b84b;outline-offset:2px}
html body .gj-hero h1,html body main:has(> .gj-hero) h2,html body main:has(> .gj-hero) h3{text-wrap:balance}
html body main:has(> .gj-hero) p{text-wrap:pretty}
html body main:has(> .gj-hero) .gj-field-card{background:linear-gradient(180deg,#f3f7fc,#fff 140px)!important;border:1px solid #d9e3ef!important;border-top:3px solid #b8964a!important;box-shadow:0 12px 28px -24px rgba(13,59,102,.6)!important}
html body main:has(> .gj-hero) .gj-field-card h3{color:#0d3b66!important}
html body main:has(> .gj-hero) .gj-field-card li a{display:flex;align-items:baseline;gap:8px;color:#24384d}
html body main:has(> .gj-hero) .gj-field-card li a::before{content:"";flex:none;width:7px;height:7px;border-radius:2px;transform:rotate(45deg) translateY(-2px);background:#b8964a}
@media (max-width:760px){
html body main:has(> .gj-hero) .steps{gap:10px!important}
html body main:has(> .gj-hero) .steps li{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;text-align:start!important;padding:14px 16px!important;min-height:0!important}
html body main:has(> .gj-hero) .steps li b{flex:none;width:44px!important;height:44px!important;margin:0!important;display:grid;place-items:center}
html body main:has(> .gj-hero) .steps li span{font-size:15.5px;line-height:1.75}
html body main:has(> .gj-hero) .section{padding-top:34px!important;padding-bottom:34px!important}
html body main:has(> .gj-hero) .gj-field-card{padding:16px!important}
html body main:has(> .gj-hero) .gj-field-card li a{font-size:15.5px;padding-top:7px;padding-bottom:7px}
}

/* 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){
html body .gj-hero{text-align:center}
html body .gj-hero .gj-id{display:flex;flex-direction:column;align-items:center;gap:0}
html body .gj-hero .gj-names{display:flex;flex-direction:column;align-items:center;text-align:center}
html body .gj-hero .gj-names h1{font-size:clamp(1.55rem,7.2vw,2rem)!important;line-height:1.45!important;margin:0 0 8px!important;text-wrap:balance}
html body .gj-hero .gj-alt{direction:ltr;display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(.8rem,3.65vw,1.02rem)!important;line-height:1.5!important;margin:0 0 12px!important;opacity:.95;white-space:nowrap}
html body .gj-hero .gj-alt::before,html body .gj-hero .gj-alt::after{content:"";flex:none;width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#d4b06a)}
html body .gj-hero .gj-alt::after{transform:scaleX(-1)}
html body .gj-hero .gj-tag{margin:0 auto 16px!important;font-size:.9rem!important}
html body .gj-hero .gj-system{font-size:clamp(1.3rem,6vw,1.65rem)!important;line-height:1.5!important;margin:0 0 12px!important;padding-top:16px;border-top:1px solid rgba(212,176,106,.28);text-wrap:balance}
html body .gj-hero .gj-review{margin-inline:auto!important}
html body .gj-hero .gj-lead,html body .gj-hero .gj-motto{font-size:1rem!important;line-height:1.95!important;max-width:34ch;margin-inline:auto!important;text-align:center}
html body .gj-hero .gj-ctas{justify-content:center}
}
@media (max-width:400px){html body .gj-hero .gj-alt::before,html body .gj-hero .gj-alt::after{width:12px}}
@media (max-width:340px){html body .gj-hero .gj-alt{white-space:normal}html body .gj-hero .gj-alt::before,html body .gj-hero .gj-alt::after{display:none}}