@layer theme-custom {
/* ===== 高雄市安衛技師公會 — 藍橘主題（AIHA 風）草稿 v9 ===== */
:root{
  --primary-color:#1c3564 !important; --link-color:#1c3564 !important; --link-hover-color:#12233f !important;
  --header-bg-color:#15213f !important; --button-bg-color:#c14a2e !important; --button-bg-hover-color:#a63b22 !important;
  --button-text-color:#ffffff !important; --button-text-hover-color:#ffffff !important;
  --outline-button-text-color:#1c3564 !important; --outline-button-border-color:#1c3564 !important;
  --outline-button-bg-hover-color:#1c3564 !important; --outline-button-text-hover-color:#ffffff !important;
  --outline-button-border-hover-color:#1c3564 !important; --secondary-color:#c14a2e !important;
  --footer-bg-color:#0f0f2e !important; --header-icon-hover-color:#c14a2e !important;
}
.content h1,.content h2.title,.content h1.size-32{ font-weight:800 !important; letter-spacing:.01em; text-wrap:balance; }
.content h2.title{ line-height:1.26; }
.content .btn,.content .btn-border,.content .btn-small,.content .btn-sideline{ border-radius:8px !important; font-weight:700; letter-spacing:.02em; transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease; }
.content .btn:hover,.content .btn-border:hover{ transform:translateY(-1px); box-shadow:0 8px 20px -12px rgba(21,33,63,.5); }
.content a:focus-visible,.content .btn:focus-visible{ outline:2px solid #c14a2e; outline-offset:2px; }
.content .index-news-btn{ display:inline-block !important; border:1.5px solid #1c3564 !important; color:#1c3564 !important; border-radius:999px !important; padding:9px 26px !important; font-weight:700; letter-spacing:.04em; transition:all .15s ease; }
.content .index-news-btn:hover{ background:#1c3564 !important; color:#fff !important; box-shadow:0 8px 20px -12px rgba(21,33,63,.55); }
.content ul.index-news{ list-style:none; padding-left:0; }
.content ul.index-news > li{ border:1px solid #e2e4ef; border-radius:10px; background:#fff; padding:16px 20px; margin-bottom:12px; transition:border-color .15s, box-shadow .15s, transform .15s; }
.content ul.index-news > li:hover{ border-color:#1c3564; transform:translateY(-2px); box-shadow:0 12px 26px -18px rgba(21,33,63,.5); }
footer{ border-top:3px solid #c14a2e; }
footer .container{ padding-top:42px; padding-bottom:22px; }
footer .small-title{ letter-spacing:.12em; font-weight:700; color:#fff; margin-bottom:14px; }
footer ul li{ margin-bottom:8px; line-height:1.7; }

/* 首頁 hero(第1個section) → 深色照片帶 */
section.index-editor:nth-of-type(1){ background:linear-gradient(rgba(16,16,44,.82),rgba(17,19,52,.9)), url("https://knshea.com/images/knshea.com/property_images/banner/e046830c7ffb44b9064660556bae2580d4dce9f9.jpeg?1785060781") center/cover no-repeat !important; }
section.index-editor:nth-of-type(1) .middle{ padding:78px 0 !important; }
section.index-editor:nth-of-type(1) .display{ text-align:center; margin-bottom:8px; }
section.index-editor:nth-of-type(1) .display p{ color:#e2794f !important; font-weight:700 !important; letter-spacing:.18em !important; text-transform:uppercase; font-size:13.5px !important; margin-bottom:6px; }
section.index-editor:nth-of-type(1) .display h1{ color:#fff !important; font-size:clamp(28px,4vw,46px) !important; margin-top:10px !important; }
section.index-editor:nth-of-type(1) p{ color:#d4d7ea !important; }
section.index-editor:nth-of-type(1) i,section.index-editor:nth-of-type(1) u{ color:#e2794f !important; }
section.index-editor:nth-of-type(1) img{ border-radius:8px; box-shadow:0 22px 44px -22px rgba(0,0,0,.7); }

/* 首頁服務區(第3個section) → 淺底＋藍橘小標＋4張照片卡 */
section.index-editor:nth-of-type(3){ background:#f4f5fa !important; }
section.index-editor:nth-of-type(3) .middle{ padding:58px 0 !important; }
section.index-editor:nth-of-type(3) h1.size-32{ text-align:center; color:#191a33 !important; }
section.index-editor:nth-of-type(3) h3{ color:#1c3564 !important; font-weight:800; border-top:3px solid #c14a2e; padding-top:14px; display:inline-block; }
section.index-editor:nth-of-type(3) .container > .row:nth-child(3) > .col-md-6::before,
section.index-editor:nth-of-type(3) .container > .row:nth-child(5) > .col-md-6::before{
  content:""; display:block; height:186px; background-size:cover; background-position:center; border-radius:10px; margin-bottom:12px; box-shadow:0 14px 28px -18px rgba(21,33,63,.55);
}
section.index-editor:nth-of-type(3) .container > .row:nth-child(3) > .col-md-6:nth-child(1)::before{ background-image:url("https://knshea.com/images/knshea.com/property_images/banner/163108c6317d6cbc31ae66ce303ecded0a7e5c3e.jpeg?1785060844"); }
section.index-editor:nth-of-type(3) .container > .row:nth-child(3) > .col-md-6:nth-child(2)::before{ background-image:url("https://knshea.com/images/knshea.com/property_images/banner/e046830c7ffb44b9064660556bae2580d4dce9f9.jpeg?1785060781"); }
section.index-editor:nth-of-type(3) .container > .row:nth-child(5) > .col-md-6:nth-child(1)::before{ background-image:url("https://knshea.com/images/knshea.com/property_images/banner/9617ca5e2d46531b133202c452206dce788139ad.jpeg?1785060854"); }
section.index-editor:nth-of-type(3) .container > .row:nth-child(5) > .col-md-6:nth-child(2)::before{ background-image:url("https://knshea.com/images/knshea.com/property_images/banner/796663e3cbca2b3ec7c079923756118015711966.jpeg?1785060849"); }

/* ===== 認識職業安全衛生技師頁 #kn-tech（藍橘） ===== */
#kn-tech{--g:#1c3564;--gd:#15213f;--gl:#2f5aa0;--gold:#c14a2e;--ink:#191a33;--body:#3b3d55;--muted:#6b6e88;--line:#e2e4ef;--mist:#f4f5fa;color:var(--body);line-height:1.75;}
#kn-tech *{box-sizing:border-box;}
#kn-tech .kw{max-width:1080px;margin:0 auto;padding:0 24px;}
#kn-tech .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--gold);margin-bottom:14px;text-transform:uppercase;}
#kn-tech .eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);}
#kn-tech h2.kn{font-size:clamp(23px,3vw,31px);color:var(--ink);font-weight:800;line-height:1.25;margin:0;}
#kn-tech .phero{background:linear-gradient(180deg,var(--mist),#fff);padding:52px 0 40px;border-bottom:1px solid var(--line);}
#kn-tech .phero h1{font-size:clamp(27px,3.6vw,42px);color:var(--ink);font-weight:800;margin:0;line-height:1.2;}
#kn-tech .phero .sub{font-size:17px;color:var(--body);margin-top:16px;max-width:40em;}
#kn-tech .band{padding:48px 0;}
#kn-tech .band.alt{background:var(--mist);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
#kn-tech .prose{max-width:44em;}
#kn-tech .prose p{margin:0 0 16px;font-size:16.5px;}
#kn-tech .prose p.lead{font-size:18.5px;color:var(--ink);font-weight:600;}
#kn-tech .shead{margin-bottom:28px;}
#kn-tech .grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
#kn-tech .auth{border:1px solid var(--line);border-left:4px solid var(--g);border-radius:10px;padding:24px;background:#fff;}
#kn-tech .auth.b{border-left-color:var(--gold);}
#kn-tech .auth .k{font-size:12.5px;letter-spacing:.12em;font-weight:700;color:var(--muted);text-transform:uppercase;}
#kn-tech .auth h3{font-size:20px;color:var(--ink);margin:8px 0 10px;font-weight:800;}
#kn-tech .auth p{margin:0;font-size:15px;}
#kn-tech .path{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
#kn-tech .st{border-top:2px solid var(--g);padding-top:20px;}
#kn-tech .st .num{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:.08em;}
#kn-tech .st h4{font-size:16px;color:var(--ink);margin:9px 0 7px;font-weight:800;}
#kn-tech .st p{margin:0;font-size:13.5px;color:var(--muted);}
#kn-tech .cyc{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
#kn-tech .cyc .step{text-align:center;}
#kn-tech .cyc .dot{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;background:var(--g);}
#kn-tech .cyc .step:nth-child(2) .dot{background:#264a86;}
#kn-tech .cyc .step:nth-child(3) .dot{background:var(--gl);}
#kn-tech .cyc .step:nth-child(4) .dot{background:#4f78bf;}
#kn-tech .cyc .step:nth-child(5) .dot{background:var(--gold);}
#kn-tech .cyc h4{font-size:16px;color:var(--ink);margin:0;font-weight:800;}
#kn-tech .cyc p{margin-top:8px;font-size:13px;color:var(--muted);}
#kn-tech .cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
#kn-tech .col{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;}
#kn-tech .col header{padding:18px 22px;background:var(--g)!important;color:#fff!important;}
#kn-tech .col.jw header{background:var(--gold)!important;}
#kn-tech .col header .e{font-size:12px;letter-spacing:.12em;opacity:.85;color:#fff!important;}
#kn-tech .col header .t{font-size:19px;font-weight:800;margin-top:4px;color:#fff!important;}
#kn-tech .col ul{margin:0;padding:22px;list-style:none;display:flex;flex-direction:column;gap:12px;}
#kn-tech .col li{display:flex;gap:11px;font-size:15px;color:var(--body)!important;}
#kn-tech .col li::before{content:"";flex:none;width:9px;height:9px;margin-top:7px;background:var(--g);border-radius:50%;}
#kn-tech .col.jw li::before{background:var(--gold);}
#kn-tech .ref{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
#kn-tech .ref .l{padding:30px;background:var(--g)!important;color:#dbe3f2!important;}
#kn-tech .ref .l h3,#kn-tech .ref .l p,#kn-tech .ref .l span,#kn-tech .ref .l div{color:#dbe3f2!important;}
#kn-tech .ref .l h3{color:#fff!important;}
#kn-tech .ref .l .tier b{color:#fff!important;}
#kn-tech .ref .l .tier span{color:#b9c3dd!important;}
#kn-tech .ref .r{padding:30px;background:#fff;}
#kn-tech .ref h3{margin:0 0 12px;font-size:19px;color:var(--ink);font-weight:800;}
#kn-tech .ref .r h3{color:var(--ink)!important;}
#kn-tech .tier{display:flex;align-items:center;gap:14px;margin-top:12px;}
#kn-tech .tier .lv{width:32px;height:32px;flex:none;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff!important;display:grid;place-items:center;font-weight:800;font-size:14px;}
#kn-tech .note{font-size:12.5px;color:var(--muted)!important;margin-top:18px;border-left:3px solid var(--gold);padding-left:12px;line-height:1.7;}
#kn-tech .cta{background:linear-gradient(120deg,#1c3564,#15213f)!important;border-radius:12px;padding:40px 34px;color:#dbe3f2!important;display:grid;grid-template-columns:1.4fr auto;gap:24px;align-items:center;}
#kn-tech .cta h3{margin:0;color:#fff!important;font-size:24px;font-weight:800;}
#kn-tech .cta p{margin:10px 0 0;color:#c3cbe4!important;font-size:15px;}
#kn-tech .cta .btns{display:flex;gap:12px;flex-wrap:wrap;}
#kn-tech .btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:700;text-decoration:none;font-size:15px;}
#kn-tech .btn.gold{background:var(--gold)!important;color:#fff!important;}
#kn-tech .btn.ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.5);}
@media(max-width:820px){#kn-tech .grid2,#kn-tech .cmp,#kn-tech .ref,#kn-tech .cta{grid-template-columns:1fr;}#kn-tech .path{grid-template-columns:1fr 1fr;}#kn-tech .cyc{grid-template-columns:1fr 1fr;}#kn-tech .ref .r{border-left:0;border-top:1px solid var(--line);}}

}