.okinawa-section{background:#f4efe5;color:var(--navy);display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;padding:110px clamp(28px,8vw,130px)}
.okinawa-intro>.kicker{color:#99620b}
.okinawa-intro>p:not(.kicker){color:#526d7b;line-height:2}
.local-principle{border-left:3px solid var(--amber);background:#fff;margin-top:32px;padding:22px 24px}
.local-principle strong{font-size:16px}
.local-principle p{color:#5b7481;margin:9px 0 0;font-size:13px;line-height:1.9}
.local-grid{border-top:2px solid var(--ink);display:grid;grid-template-columns:repeat(2,1fr)}
.local-grid article{border-bottom:1px solid #cfc5b1;padding:26px 22px 24px 0}
.local-grid article:nth-child(even){border-left:1px solid #cfc5b1;padding-left:22px}
.local-grid span{color:#99620b;font:22px Georgia,serif}
.local-grid h3{margin:22px 0 9px;font-size:18px}
.local-grid p{color:#526d7b;margin:0;font-size:13px;line-height:1.85}
.public-sector-strip{background:#dceff4;color:var(--navy);display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:82px clamp(28px,8vw,130px)}
.public-sector-strip .kicker{color:var(--blue)}
.public-sector-strip h2{font-size:clamp(30px,3.7vw,48px)}
.public-sector-strip>div:last-child{align-self:end}
.public-sector-strip>div:last-child p{color:#496675;line-height:2}
.public-sector-strip a{border-bottom:1px solid var(--ink);display:inline-flex;gap:18px;margin-top:18px;padding-bottom:6px;font-size:14px;font-weight:800}
.public-hero{border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.12fr .88fr;min-height:700px;padding:72px clamp(28px,6.5vw,104px)}
.public-hero>div{align-self:center;max-width:720px}
.public-hero h1{font-size:clamp(48px,5.4vw,76px)}
.public-hero h1 em{color:var(--blue);font-style:normal}
.public-hero-card{align-self:center;background:var(--navy);box-shadow:18px 18px #b7ddea;color:#fff;margin-left:6vw;padding:40px}
.public-hero-card>span{color:#77d5ee;font-size:12px;font-weight:800;letter-spacing:.12em}
.public-hero-card h2{font-size:24px;line-height:1.55;margin:18px 0 28px}
.public-hero-card ul{border-top:1px solid #38556b;margin:0;padding:0;list-style:none}
.public-hero-card li{border-bottom:1px solid #38556b;color:#c6d6de;padding:15px 0;font-size:14px}
.public-topic-grid{border-top:2px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}
.public-topic-grid article{border-right:1px solid var(--line);min-height:225px;padding:27px 22px 22px 0}
.public-topic-grid article+article{padding-left:22px}
.public-topic-grid span{color:var(--blue);font:22px Georgia,serif}
.public-topic-grid h3{font-size:20px;margin:30px 0 11px}
.public-topic-grid p{color:#536f7e;font-size:13px;line-height:1.9;margin:0}
.public-boundary{background:#f4efe5;color:var(--navy);display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:90px clamp(28px,8vw,130px)}
.public-boundary .kicker{color:#99620b}
.public-boundary ul{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}
.public-boundary li{border-bottom:1px solid #cfc5b1;padding:18px 0;font-size:14px;font-weight:700}
@media (width<=800px){.okinawa-section,.public-sector-strip,.public-hero,.public-boundary{grid-template-columns:1fr}.local-grid,.public-topic-grid{margin-top:34px;grid-template-columns:repeat(2,1fr)}.public-hero-card{margin:20px 0 40px}.public-topic-grid article{border-bottom:1px solid var(--line)}}
@media (width<=560px){.okinawa-section,.public-sector-strip,.public-hero,.public-boundary{padding:72px 22px}.local-grid,.public-topic-grid{grid-template-columns:1fr}.local-grid article,.local-grid article:nth-child(even),.public-topic-grid article,.public-topic-grid article+article{border-left:0;border-right:0;padding:24px 0}.public-hero{min-height:0}.public-hero h1{font-size:42px}.public-hero-card{box-shadow:8px 8px #b7ddea;padding:26px}}
