/* Hengyi article styles 2026-10-07 *//* 恆翊十篇文章共用補充樣式。只作用於 .hy-article，保留 CMS 外層模板。 */.hy-article{max-width:76ch;margin:0 auto;line-height:1.9;overflow-wrap:anywhere;color:inherit}.hy-article,.hy-article *{box-sizing:border-box}.hy-article p{margin:0 0 1.15em;line-height:1.9}.hy-article h2{margin:2em 0 .7em;line-height:1.5}.hy-article h3{margin:1.35em 0 .6em;line-height:1.5}.hy-article .hy-lead{font-size:1.06em;line-height:1.85;margin-bottom:1.45em}.hy-article .hy-news-date,.hy-article .hy-sources{font-size:.88em}.hy-article .hy-news-date{margin-bottom:1.1em;color:#596773}.hy-article .hy-note{margin:1.65em 0;padding:1em 1.2em;border-left:3px solid #647987;background:#f3f6f8;border-radius:0 6px 6px 0}.hy-article .hy-note p:last-child{margin-bottom:0}.hy-article .hy-pause{margin:2.25em 0;text-align:center;padding:1em 0;border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9}.hy-article blockquote{margin:1.8em 0;padding:1em 1.25em;border-left:3px solid #647987;background:#f7f9fa;font-size:inherit;color:inherit}.hy-article blockquote p:last-child{margin-bottom:0}.hy-article .hy-table-scroll{max-width:100%;overflow-x:auto;margin:1.6em 0 1.8em;-webkit-overflow-scrolling:touch}.hy-article .hy-table{width:100%;min-width:440px;border-collapse:collapse;font-size:.95em;line-height:1.75}.hy-article .hy-table caption{text-align:left;font-weight:600;color:inherit;padding:0 0 .75em;caption-side:top}.hy-article .hy-table th,.hy-article .hy-table td{padding:.8em .95em;text-align:left;vertical-align:top;border:1px solid #d6dfe5;overflow-wrap:anywhere}.hy-article .hy-table th{background:#edf2f5;font-weight:700}.hy-article .hy-table tbody tr:nth-child(even){background:#fafbfc}.hy-article .hy-table-compact{min-width:370px}.hy-article ul,.hy-article ol{margin:1.3em 0 1.5em;padding-left:1.55em}.hy-article li{padding-left:.15em;margin-bottom:.8em;line-height:1.85}.hy-article li>p:last-child{margin-bottom:0}.hy-article .hy-timeline{padding-left:1.8em}.hy-article .hy-timeline>li{margin:2em 0;padding:0 0 .75em .4em;border-bottom:1px solid #dde5ea}.hy-article .hy-timeline>li:last-child{border-bottom:0}.hy-article .hy-timeline>li>h2{margin-top:0}.hy-article .hy-steps>li{padding:.8em 0 1.15em .35em;border-bottom:1px solid #e3e9ed;margin-bottom:1em}.hy-article .hy-steps>li:last-child{border-bottom:0}.hy-article .hy-steps>li>h3{margin-top:0}.hy-article .hy-qa{margin:1.7em 0}.hy-article .hy-qa>dt{font-weight:700;font-size:1.12em;line-height:1.6;margin:1.8em 0 .7em;padding-bottom:.55em;border-bottom:1px solid #d9e2e8}.hy-article .hy-qa>dd{margin:0;padding:0}.hy-article .hy-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75em;margin:1.8em 0}.hy-article .hy-split>section{padding:1.15em 1.2em;background:#f6f8f9;border-top:2px solid #becbd4}.hy-article .hy-split>section>h3{margin-top:0}.hy-article .hy-split>section>p:last-child{margin-bottom:0}.hy-article .hy-facts{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:0;margin:1.6em 0;border-top:1px solid #d6dfe5}.hy-article .hy-facts>dt,.hy-article .hy-facts>dd{margin:0;padding:.75em .8em;border-bottom:1px solid #d6dfe5}.hy-article .hy-facts>dt{font-weight:700;background:#edf2f5}.hy-article .hy-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;margin:1.7em 0}.hy-article .hy-photo-grid>section{padding:1.1em;background:#f3f6f8;border:1px solid #dce4e9;border-radius:6px}.hy-article .hy-photo-grid>section>h3{margin-top:0;font-size:1.08em}.hy-article .hy-photo-grid>section>p:last-child{margin-bottom:0}.hy-article .hy-message{border-left-color:#455e70;background:#edf2f5}.hy-article .hy-contact{margin:1.6em 0;padding:1.15em 1.3em;border:1px solid #d4dfe6;border-radius:6px;background:#f7f9fa;font-style:normal;line-height:1.85}.hy-article .hy-closing{margin-top:1.8em}.hy-article .hy-sources{border-top:1px solid #e2e8ec;margin-top:2.5em;padding-top:1em;color:#596773;line-height:1.7}.hy-article .hy-sources p{line-height:1.7}@media(max-width:767px){.hy-article{max-width:100%}.hy-article .hy-split,.hy-article .hy-photo-grid{grid-template-columns:minmax(0,1fr);gap:1em}.hy-article .hy-table th,.hy-article .hy-table td{padding:.65em .75em}.hy-article .hy-note,.hy-article blockquote{padding:.95em 1em}.hy-article .hy-facts{grid-template-columns:5.2em minmax(0,1fr)}.hy-article .hy-timeline{padding-left:1.45em}.hy-article .hy-pause{text-align:left}}@media print{.hy-article .hy-note,.hy-article blockquote,.hy-article .hy-photo-grid>section{break-inside:avoid}.hy-article .hy-table-scroll{overflow:visible}.hy-article .hy-table{min-width:0}.hy-article a{color:inherit;text-decoration:underline}}/* 僅作用於恆翊科技 ESG 文章，不修改網站全域樣式 */.hy-esg-article{--hy-esg-main: #164c45; --hy-esg-accent: #207c66; --hy-esg-text: #2b3639; --hy-esg-muted: #66757a; --hy-esg-border: #d8e5e0; --hy-esg-soft: #f3f8f6; box-sizing: border-box; max-width: 960px; margin: 0 auto; padding: 0 16px 36px; color: var(--hy-esg-text); font-size: 17px; line-height: 1.9; overflow-wrap: anywhere;}.hy-esg-article *, .hy-esg-article *::before, .hy-esg-article *::after{box-sizing: border-box;}.hy-esg-article p{margin: 0 0 1.15em; line-height: inherit;}.hy-esg-article strong{font-weight: 700; color: var(--hy-esg-main);}.hy-esg-article a{color: var(--hy-esg-accent); text-decoration: underline; text-underline-offset: 3px;}.hy-esg-article a:hover{color: #105440;}.hy-esg-article a:focus-visible{outline: 2px solid var(--hy-esg-accent); outline-offset: 3px;}.hy-esg-article .hy-esg-intro{font-size: 1.05em;}.hy-esg-article .hy-esg-section{margin-top: 42px;}.hy-esg-article h2{margin: 0 0 20px; padding: 0 0 12px 16px; border-left: 5px solid var(--hy-esg-accent); border-bottom: 1px solid var(--hy-esg-border); color: var(--hy-esg-main); font-size: clamp(22px, 2.5vw, 27px); font-weight: 700; line-height: 1.5; letter-spacing: .01em;}.hy-esg-article h3{margin: 26px 0 12px; color: var(--hy-esg-main); font-size: clamp(18px, 2vw, 21px); font-weight: 700; line-height: 1.55;}.hy-esg-article ul{margin: 0 0 22px; padding-left: 1.6em; list-style: disc;}.hy-esg-article li{margin-bottom: 9px;}.hy-esg-article .hy-esg-notice{margin: 24px 0; padding: 16px 20px; background: var(--hy-esg-soft); border-left: 4px solid var(--hy-esg-accent); border-radius: 0 8px 8px 0;}.hy-esg-article .hy-esg-figure{margin: 25px 0 30px;}.hy-esg-article .hy-esg-figure img{display: block; max-width: 100%; height: auto; border-radius: 10px;}.hy-esg-article .hy-esg-figure .hy-esg-caption{margin-top: 10px; color: var(--hy-esg-muted); font-size: 14px; line-height: 1.7; text-align: center;}.hy-esg-article .hy-esg-steps{margin: 0; padding: 0; list-style: none; counter-reset: hy-esg-step;}.hy-esg-article .hy-esg-steps > li{position: relative; margin: 0 0 18px; padding: 20px 24px 15px 74px; list-style: none; background: #fff; border: 1px solid var(--hy-esg-border); border-radius: 12px; counter-increment: hy-esg-step;}.hy-esg-article .hy-esg-steps > li::before{content: counter(hy-esg-step, decimal-leading-zero); position: absolute; top: 22px; left: 20px; width: 38px; height: 38px; border-radius: 50%; background: var(--hy-esg-main); color: #fff; font-weight: 700; font-size: 15px; line-height: 38px; text-align: center;}.hy-esg-article .hy-esg-steps h3{margin-top: 0;}.hy-esg-article .hy-esg-steps p:last-child{margin-bottom: 0;}.hy-esg-article .hy-esg-table-wrap{width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0 24px;}.hy-esg-article .hy-esg-table{width: 100%; min-width: 570px; border-collapse: collapse; font-size: 16px; line-height: 1.7;}.hy-esg-article .hy-esg-table th, .hy-esg-article .hy-esg-table td{padding: 12px 16px; border: 1px solid var(--hy-esg-border); text-align: left; vertical-align: top;}.hy-esg-article .hy-esg-table thead th{background: var(--hy-esg-main); color: #fff; font-weight: 700;}.hy-esg-article .hy-esg-table tbody th{width: 32%; font-weight: 700; color: var(--hy-esg-main); background: var(--hy-esg-soft);}.hy-esg-article .hy-esg-table tbody tr:nth-child(even) td{background: #fbfdfc;}.hy-esg-article .hy-esg-image-scroll{overflow-x: auto; -webkit-overflow-scrolling: touch;}.hy-esg-article .hy-esg-faq-item{padding: 17px 20px; margin: 0 0 14px; border: 1px solid var(--hy-esg-border); border-radius: 10px; background: #fff;}.hy-esg-article .hy-esg-faq-item h3{margin: 0 0 10px; font-size: 19px;}.hy-esg-article .hy-esg-faq-item p{margin: 0;}.hy-esg-article .hy-esg-cta{margin-top: 40px; padding: 30px 34px; background: var(--hy-esg-soft); border-radius: 14px; text-align: center;}.hy-esg-article .hy-esg-cta h2{padding: 0; margin: 0 0 12px; border: 0; font-size: clamp(21px, 2.5vw, 26px);}.hy-esg-article .hy-esg-cta p{margin-bottom: 20px;}.hy-esg-article .hy-esg-button{display: inline-block; padding: 11px 24px; color: #fff; background: var(--hy-esg-accent); border-radius: 6px; font-weight: 700; line-height: 1.6; text-decoration: none; transition: background .18s ease;}.hy-esg-article .hy-esg-button:hover, .hy-esg-article .hy-esg-button:focus-visible{color: #fff; background: #105440;}@media (max-width: 767px){.hy-esg-article{padding: 0 12px 25px; font-size: 16px; line-height: 1.85;} .hy-esg-article .hy-esg-section{margin-top: 32px;} .hy-esg-article h2{padding: 0 0 10px 12px; margin-bottom: 16px; border-left-width: 4px;} .hy-esg-article .hy-esg-steps > li{padding: 70px 16px 17px;} .hy-esg-article .hy-esg-steps > li::before{top: 17px; left: 16px;} .hy-esg-article .hy-esg-steps h3{margin-top: 0;} .hy-esg-article .hy-esg-notice{padding: 14px 16px;} .hy-esg-article .hy-esg-infographic img{max-width: none; width: 700px;} .hy-esg-article .hy-esg-faq-item{padding: 15px 16px;} .hy-esg-article .hy-esg-cta{margin-top: 30px; padding: 24px 18px;} .hy-esg-article .hy-esg-button{width: 100%;}}@media (prefers-reduced-motion: reduce){.hy-esg-article .hy-esg-button{transition: none;}}