/* F28-05-RECOVERY-01. Opt-in About connection / News media / Contact hero only.
   The accepted global styles, four other About acts, header and footer are untouched. */
#main-content[data-f28-05="about"] .f28-eco-intro{grid-template-columns:1.2fr 1fr;align-items:end}
#main-content[data-f28-05="about"] .f28-eco-intro h2{font-size:clamp(38px,4.4vw,60px)}
#main-content[data-f28-05="about"] .f28-eco-ring{width:min(100%,940px);height:auto;aspect-ratio:1;margin:36px auto 20px;display:block}
#main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-lines{display:block;width:100%;height:100%;stroke:#94a4ae;stroke-width:1.1}
#main-content[data-f28-05="about"] .f28-eco-lines>*{vector-effect:non-scaling-stroke}
#main-content[data-f28-05="about"] .f28-eco-orbit{stroke:#bac5cc;stroke-dasharray:none}
#main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30%;height:auto;aspect-ratio:1;margin:0;border-color:#94a4ae;gap:22px}
#main-content[data-f28-05="about"] .f28-eco-core img{width:65%;height:auto}
#main-content[data-f28-05="about"] .f28-eco-core p{font-size:16px;line-height:1.45;max-width:85%}
#main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:24%;max-width:230px;padding:12px 10px;min-height:48px;text-align:center;background:#edf1f3;border-radius:24px;font-size:20px;font-weight:500;line-height:1.35}
#main-content[data-f28-05="about"] .f28-eco-node::before{content:none}
#main-content[data-f28-05="about"] .f28-eco-node:hover,#main-content[data-f28-05="about"] .f28-eco-node[aria-pressed=true]{color:#9b2d2a;background:#f8f9fa}
#main-content[data-f28-05="about"] .f28-eco-flow{stroke-dasharray:26 974;stroke-width:1.8;animation-name:recovery-eco-in;animation-duration:11s;animation-delay:var(--delay)}
#main-content[data-f28-05="about"] .f28-eco-flow.back{animation-name:recovery-eco-out;animation-duration:14s;animation-delay:calc(var(--delay) - 4s)}
@keyframes recovery-eco-in{to{stroke-dashoffset:1000}}
@keyframes recovery-eco-out{to{stroke-dashoffset:-1000}}
#main-content[data-f28-05="about"] .f28-eco-controls{align-items:center}
#main-content[data-f28-05="about"] .f28-eco-detail{min-height:60px}
#main-content[data-f28-05="news"] .f28-media-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}
#main-content[data-f28-05="news"] .f28-media h2{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.035em}
#main-content[data-f28-05="news"] .f28-media p{max-width:460px}
#main-content[data-f28-05="news"] .f28-media-address{font-size:clamp(42px,4.6vw,68px)!important;font-weight:500;line-height:1.15!important;letter-spacing:-.045em;white-space:nowrap;overflow-wrap:normal;margin:0 0 30px;padding:8px 0}
#main-content[data-f28-05="news"] .f28-media-address:focus-visible{outline:2px solid #a32727;outline-offset:8px}
#main-content[data-f28-05="news"] .f28-media-actions{gap:14px}
#main-content[data-f28-05="contact"] .f27b-hero--contact{height:auto;min-height:0;max-height:none;padding-top:68px}
#main-content[data-f28-05="contact"] .f27b-hero--contact .f22v4-hero__media{position:relative;inset:auto;width:100%;height:min(calc(100svh - 68px),66.6504vw)}
#main-content[data-f28-05="contact"] .f27b-hero--contact .f22v4-hero__media img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 70%;opacity:1;filter:none}
#main-content[data-f28-05="contact"] .g-regions a[href="#presence-taiwan"]{white-space:normal}
@media(max-width:1100px) and (min-width:801px){
 #main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-node{font-size:17px}
 #main-content[data-f28-05="news"] .f28-media-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
 #main-content[data-f28-05="news"] .f28-media-address{font-size:clamp(34px,4.3vw,48px)!important}
}
@media(max-width:800px){
 #main-content[data-f28-05="about"] .f28-eco-intro{grid-template-columns:1fr;gap:24px}
 #main-content[data-f28-05="about"] .f28-eco-ring{width:100%;height:500px;aspect-ratio:auto;margin:28px auto 10px}
 #main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-core{width:128px;gap:14px}
 #main-content[data-f28-05="about"] .f28-eco-core img{width:96px}
 #main-content[data-f28-05="about"] .f28-eco-core p{font-size:12px;line-height:1.45;max-width:105px}
 #main-content[data-f28-05="about"] .f28-eco-core::before{inset:-7px}
 #main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-node{font-size:14px;line-height:1.4;font-weight:500;width:35%;max-width:180px;padding:8px 4px;min-height:48px;border-radius:14px}
 #main-content[data-f28-05="about"] .f28-eco-node[data-eco-index="0"]{width:60%}
 #main-content[data-f28-05="about"] .f28-eco-node[data-eco-index="2"]{--x:14%!important;width:27%}
 #main-content[data-f28-05="about"] .f28-eco-node[data-eco-index="5"]{--x:86%!important;width:27%}
 #main-content[data-f28-05="about"] .f28-eco-node[data-eco-index="3"]{--x:26%!important}
 #main-content[data-f28-05="about"] .f28-eco-node[data-eco-index="6"]{--x:74%!important}
 #main-content[data-f28-05="about"] .f28-eco-controls{align-items:start;gap:12px}
 #main-content[data-f28-05="about"] .f28-eco-detail{min-height:76px}
 #main-content[data-f28-05="news"] .f28-media-grid{grid-template-columns:1fr;gap:32px}
 #main-content[data-f28-05="news"] .f28-media h2{font-size:32px}
 #main-content[data-f28-05="news"] .f28-media-address{font-size:clamp(38px,10.8vw,68px)!important;letter-spacing:-.045em;margin-bottom:24px}
 #main-content[data-f28-05="contact"] .f27b-hero--contact .f22v4-hero__media{height:auto;aspect-ratio:1.25}
 #main-content[data-f28-05="contact"] .f27b-hero--contact .f22v4-hero__media img{height:100%;aspect-ratio:auto;object-position:50% 65%}
}
@media(max-width:359px){
 #main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-core{width:108px;gap:10px}
 #main-content[data-f28-05="about"] .f28-eco-core img{width:80px}
 #main-content[data-f28-05="about"] .f28-eco-core p{font-size:11px;max-width:92px}
 #main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-node{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 #main-content[data-f28-05="about"] .f28-eco-ring *{animation:none!important;transition:none!important}
 #main-content[data-f28-05="about"] .f28-eco-ring .f28-eco-flow{display:none}
}