/* Additions only. Existing KONEA palette, typography, header and footer remain authoritative. */
.cyber-page{color:var(--ink)}.cyber-body{max-width:1112px;margin:auto;padding:0 28px}.cyber-page h2,.cyber-page h3{font-family:Georgia,serif;font-weight:500;line-height:1.15}.cyber-page a{color:var(--accent);text-underline-offset:3px}.cyber-page .preamble{max-width:980px;margin:auto}.cyber-page .context{padding:32px 0;border-top:1px solid var(--line)}.cyber-page .opening-copy{border-top:0}.cyber-page .context h2{font-size:32px;margin:0 0 22px}.cyber-page .context p{max-width:790px;font-size:18px;line-height:1.7}.cyber-page .intro-scene{display:grid;grid-template-columns:44% 1fr;gap:38px;align-items:center;margin:28px 0}.cyber-page figure{margin:0}.cyber-page img{display:block;max-width:100%;height:auto;border-radius:10px}.cyber-page .article-illustration{margin-top:32px}.cyber-page .nav{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 24px;border-block:1px solid var(--line);padding:28px 0;margin:30px 0}.cyber-page .nav h2{grid-column:1/-1;font:750 13px/1.3 sans-serif;margin:0}.cyber-page .nav a{display:flex;gap:9px;font-size:13px;text-decoration:none}.cyber-page .nav a span{color:var(--muted)}.cyber-page .area{border-top:1px solid var(--line);padding:46px 0 30px;margin-bottom:24px;scroll-margin-top:30px}.cyber-page .area-top{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:45px;align-items:center}.cyber-page .number{font-size:12px;font-weight:750;letter-spacing:.1em;color:var(--accent)}.cyber-page .area h2{font-size:clamp(30px,3vw,40px);margin:12px 0 22px}.cyber-page .area-text p{font-size:18px;line-height:1.7}.cyber-page .image-left .area-top{grid-template-columns:200px minmax(0,1fr)}.cyber-page .image-left figure{grid-column:1;grid-row:1}.cyber-page .image-left .area-text{grid-column:2;grid-row:1}.cyber-page .medium .area-top{grid-template-columns:minmax(0,1fr) 340px}.cyber-page .medium.image-left .area-top{grid-template-columns:340px minmax(0,1fr)}.cyber-page .feature{padding:38px;border:0;border-radius:14px;background:var(--accent2);margin:30px -10px}.cyber-page .feature .area-top{grid-template-columns:minmax(0,1fr) 44%;gap:35px}.cyber-page .feature.image-left .area-top{grid-template-columns:44% minmax(0,1fr)}.cyber-page #omrade-5{background:var(--warm)}.cyber-page details{margin:24px 0 20px;background:var(--card);border:1px solid #bacac0;border-radius:9px;overflow:hidden}.cyber-page summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;min-height:58px;background:#edf1eb;color:var(--accent);font-size:17px;font-weight:650}.cyber-page summary::-webkit-details-marker{display:none}.cyber-page .plus::before{content:'+';font-size:25px}.cyber-page details[open] .plus::before{content:'−'}.cyber-page .tips{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:26px}.cyber-page .tips h3{font-size:25px;margin:0 0 15px}.cyber-page .tips p,.cyber-page .tips li{font-size:16px;line-height:1.65}.cyber-page .tips li{margin-bottom:14px}.cyber-page .tips ul{padding-left:20px}.cyber-page .tips em{font-style:normal;font-size:12px;font-weight:650;background:var(--accent2);padding:4px 7px;color:var(--accent)}.cyber-page .private{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.cyber-page .question{background:none;border:0;padding:0;font:21px/1.5 Georgia,serif;margin:25px 0}.cyber-page .question span{display:block;font:750 11px/1.5 sans-serif;letter-spacing:.1em;color:var(--muted)}.cyber-page .closing{background:var(--warm);padding:32px;border-radius:12px;margin:45px 0 65px}.cyber-page .closing h2{font-size:32px}.cyber-page .closing p{font-size:17px;max-width:790px}.cyber-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cyber-page summary:focus-visible,.cyber-page a:focus-visible,.cyber-puff a:focus-visible{outline:3px solid #a84e20;outline-offset:4px}
.cyber-puff{max-width:1124px;margin:48px auto;padding:0 28px}.cyber-puff>a{display:grid;grid-template-columns:1.3fr 1fr;background:#ffe1a0;color:#182e29;border-radius:18px;overflow:hidden;text-decoration:none;border:1px solid #ecc57c}.cyber-puff-copy{padding:32px 36px}.cyber-puff .eyebrow{color:#614219;font-size:12px}.cyber-puff h2{font:500 clamp(25px,2.8vw,35px)/1.13 Georgia,serif;letter-spacing:-.02em;margin:0 0 16px}.cyber-puff p{font-size:16px;line-height:1.55}.cyber-puff img{width:100%;height:100%;object-fit:cover;object-position:45% center;min-height:230px}.cyber-puff-link{display:inline-block;background:#1f6651;color:white;border-radius:24px;padding:10px 17px;font-weight:700;font-size:14px}.cyber-puff a:hover .cyber-puff-link{text-decoration:underline}
/* Homepage adjustments scoped to the explicitly selected sections. */
.home-ab-hero>img{object-position:60% center;filter:none}.home-ab-maturity-image img{filter:none}.home-ab-advice{min-height:0;max-width:1124px;margin:20px auto;grid-template-columns:1.4fr 1fr}.home-ab-advice-copy{padding:32px 36px}.home-ab-advice h2{font-size:clamp(28px,3vw,36px)}.home-ab-advice-image,.home-ab-advice-image img{min-height:270px;max-height:330px}.home-ab-advice-image img{filter:none;object-position:center}
@media(max-width:950px){.cyber-page .nav{grid-template-columns:repeat(3,1fr)}.cyber-page .area-top{gap:28px}.cyber-page .medium .area-top{grid-template-columns:1fr 32%}.cyber-page .medium.image-left .area-top{grid-template-columns:32% 1fr}.cyber-page .feature{padding:28px}.cyber-puff-copy{padding:25px}.home-ab-advice{margin-inline:24px}}
@media(max-width:700px){.cyber-body{padding:0 20px}.cyber-page .context p,.cyber-page .area-text p{font-size:17px}.cyber-page .intro-scene{display:block}.cyber-page .intro-figure{margin-bottom:22px}.cyber-page .nav{grid-template-columns:repeat(2,1fr);gap:16px}.cyber-page .area-top,.cyber-page .image-left .area-top,.cyber-page .medium .area-top,.cyber-page .medium.image-left .area-top,.cyber-page .feature .area-top,.cyber-page .feature.image-left .area-top{display:flex;flex-direction:column;align-items:stretch;gap:0}.cyber-page .area-text{display:contents}.cyber-page .number{order:0}.cyber-page .area h2{order:1;font-size:29px}.cyber-page .area figure{order:2;width:170px;max-width:100%;margin:0 0 22px}.cyber-page .medium figure{width:300px}.cyber-page .feature figure{width:100%}.cyber-page .area-text p{order:3}.cyber-page .feature{margin:24px -5px;padding:25px 20px}.cyber-page .tips{grid-template-columns:1fr;padding:20px}.cyber-page .private{grid-column:auto}.cyber-page .audience+.audience{border-top:1px solid var(--line);padding-top:18px}.cyber-page .closing{padding:24px}.cyber-puff{padding:0 20px}.cyber-puff>a{grid-template-columns:1fr}.cyber-puff img{min-height:0;height:auto;aspect-ratio:16/9;order:-1}.home-ab-advice{grid-template-columns:1fr;margin:20px}.home-ab-advice-copy{padding:26px}.home-ab-advice-image,.home-ab-advice-image img{min-height:0;max-height:none;height:auto}.home-ab-advice-image img{aspect-ratio:16/9;object-fit:cover}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* UI revision r002: readable topic links and scoped control questions. */
.cyber-page .question::before,.cyber-page .question::after{content:none}
.cyber-page .question{color:var(--ink);border-left:3px solid var(--accent);padding:12px 18px;margin:24px 0;border-radius:0}
.cyber-page .question span{margin-bottom:7px}
.home-a-part-meta{padding:20px 22px 16px}
.home-a-part-card>p{padding:0 22px;font-size:16px;line-height:1.6;margin:16px 0 18px}
.home-a-part-links{padding:12px 22px 8px;gap:2px}
.home-a-part-links a{font-size:16px;line-height:1.5;padding:10px 0;grid-template-columns:25px minmax(0,1fr);gap:10px;min-height:44px;color:#344b50}
.home-a-part-links a span{font-size:11px;line-height:1.5;padding-top:4px;color:#647770}
.home-a-part-links a:hover{text-decoration:underline;text-underline-offset:3px}
.home-a-part-links a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}
@media(max-width:700px){.home-a-part-meta{padding:18px 20px 15px}.home-a-part-card>p{padding-inline:20px}.home-a-part-links{padding:10px 20px 10px}}
