/* 行謙牙醫｜品牌圖案層（山・書法・碗・金繼）
   素材來自視覺識別指南；刪掉頁面中的 <link> 即可整層移除。 */

/* 1. 色票：改用指南的輔助色（原本偏粉的 #B89484 換成灰褐，對比度也較好） */
:root{
  --blush:#D2C3A7;
  --blush-deep:#8C8071;
  --blush-line:rgba(140,128,113,.32);
  --b-sage:#CACDBE;
  --b-mist:#E6E6DB;
  --b-taupe:#B5A79D;
}

/* 2. 首頁主視覺：書法筆觸 + 金繼碗，取代原本的年輪線 */

/* 3. 分隔線中間的小圖示換成碗 */

/* 4. 金句區塊：鼠尾草綠底，下方放白色山形 */
.quote-band{background:var(--b-sage);padding-bottom:150px}
.quote-band::before{content:"";position:absolute;left:4%;bottom:0;width:min(30vw,300px);aspect-ratio:532/439;background:url(/wp-content/uploads/gw/mtn-1.png) center bottom/contain no-repeat;pointer-events:none}
.quote-band::after{content:"";position:absolute;right:3%;bottom:0;width:min(38vw,400px);aspect-ratio:690/460;background:url(/wp-content/uploads/gw/mtn-4.png) center bottom/contain no-repeat;pointer-events:none}
.quote-band blockquote,.quote-band cite{position:relative;z-index:1}

/* 5. 子頁面標題下方的毛筆筆觸 */
.phero::after{content:"";display:block;width:min(260px,60%);height:64px;margin:6px auto 0;background:url(/wp-content/uploads/gw/brush-h.png) center/contain no-repeat}

/* 6. 頁尾上方的金繼橫幅 */
.gwdc-site footer{position:relative;padding-top:230px}
.gwdc-site footer::before{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:url(/wp-content/uploads/gw/kintsugi-band.jpg) center 35%/cover no-repeat}

@media(max-width:700px){
  .quote-band{padding-bottom:110px}
  .quote-band::before{width:38vw}
  .quote-band::after{width:46vw}
  .gwdc-site footer{padding-top:190px}
  .gwdc-site footer::before{height:120px}
}

/* 7. 導覽列下拉選單與手機版選單（各頁共用） */
.dd{position:relative}
.dd-menu{display:none;position:absolute;top:100%;left:-16px;min-width:210px;padding:14px 8px 8px;background:var(--cream);border:1px solid var(--blush-line);border-radius:6px;box-shadow:0 12px 28px rgba(46,40,34,.08);z-index:60}
@media(min-width:821px){.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}}
.dd-menu a{display:block;padding:9px 16px;border:0;white-space:nowrap;font-size:13.5px}
.dd-menu a:hover{background:var(--cream-deep)}
.nav-toggle,.nav-burger,.m-tel,.dd-toggle,.dd-arrow{display:none}
@media(max-width:820px){
  .nav-burger{display:block;font-size:24px;cursor:pointer;margin-left:auto}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);border-bottom:1px solid var(--blush-line);padding:8px 32px 18px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .nav-toggle:checked~.nav-links{display:flex}
  .nav-links>a,.dd>a{display:block;padding:12px 0}
  .dd-menu{display:none;position:static;border:0;box-shadow:none;padding:0 0 4px 14px;background:none;width:100%}
  .dd-menu a{padding:8px 0;font-size:13px;color:var(--ink-soft)}
  .nav-cta{display:none}
  .m-tel{display:block;margin-top:8px;color:var(--gold)}
  .dd{display:flex;flex-wrap:wrap;align-items:center}
  .dd>a{flex:1}
  .dd-arrow{display:block;padding:12px 4px 12px 20px;cursor:pointer;color:var(--ink-soft)}
  .dd-toggle:checked~.dd-menu{display:block}
}

/* 8. 取消 Elementor 外層容器的 1140px 寬度限制，讓色塊與主視覺能滿版 */
.e-con-boxed{padding:0!important}
.e-con-boxed>.e-con-inner{max-width:none!important;width:100%!important}

/* 9. 導覽列連結只保留底線（避免目前頁面的連結出現完整外框） */
.nav-links>a,.nav-links .dd>a{border-style:solid;border-width:0 0 1px;border-color:transparent}

/* 10. 頁尾與聯絡頁的 LINE、Facebook、Instagram 連結 */
.footer-col p a{display:inline;margin:0;border-bottom:1px solid var(--blush-deep)}
.footer-col .ft-soc{margin-top:14px}
.footer-col .ft-soc a{display:inline-flex;align-items:center;margin:0 18px 0 0;font-size:13.5px}
.footer-col .ft-soc svg{width:13px;height:13px;fill:currentColor;margin-right:6px}
.cgrid .card p a{border-bottom:1px solid var(--blush-deep)}

/* 11. 隱藏佈景主題自帶的頁首與頁尾（各頁已有自己的導覽列與頁尾） */
#site-header,#site-footer{display:none!important}

/* 12. 動畫 */
@media (prefers-reduced-motion:no-preference){
  @keyframes gwUp{from{opacity:0;transform:translateY(34px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
  @keyframes gwZoom{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}
  @keyframes gwDraw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
  .hm-hero-text>*,.phero>*{animation:gwUp .9s cubic-bezier(.2,.7,.2,1) backwards}
  .hm-hero-text>:nth-child(2),.phero>:nth-child(2){animation-delay:.08s}
  .hm-hero-text>:nth-child(3),.phero>:nth-child(3){animation-delay:.16s}
  .hm-hero-text>:nth-child(4){animation-delay:.24s}
  .hm-hero-text>:nth-child(5){animation-delay:.32s}
  .hm-hero-text>:nth-child(6){animation-delay:.4s}
  @keyframes gwWipe{from{clip-path:inset(0 100% 0 0);transform:scale(1.05)}to{clip-path:inset(0 0 0 0);transform:none}}
  .hm-hero-art{animation:gwWipe 1.6s cubic-bezier(.65,0,.35,1) backwards}
  .phero>.eyebrow{display:inline-block}
  .phero::after{animation:gwDraw 1.1s .5s cubic-bezier(.4,0,.2,1) backwards}
}
.hm-hero-art{background-position:center calc(50% + var(--py,0px))}
.hm-mark{translate:0 var(--py,0px)}
.gw-anim [data-gw="up"],.gw-anim [data-gw="left"],.gw-anim [data-gw="right"],.gw-anim [data-gw="zoom"]{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.gw-anim [data-gw="up"]{transform:translateY(34px)}
.gw-anim [data-gw="left"]{transform:translateX(-52px)}
.gw-anim [data-gw="right"]{transform:translateX(52px)}
.gw-anim [data-gw="zoom"]{transform:scale(1.06)}
.gw-anim [data-gw="up"].is-in,.gw-anim [data-gw="left"].is-in,.gw-anim [data-gw="right"].is-in,.gw-anim [data-gw="zoom"].is-in{opacity:1;transform:none}
.gw-anim [data-gw="draw"]{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s .3s cubic-bezier(.4,0,.2,1)}
.gw-anim [data-gw="draw"].is-in{clip-path:inset(0 0 0 0)}
.gw-anim .hm-head[data-gw]::after,.gw-anim .ab-head[data-gw]::after{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s .35s cubic-bezier(.4,0,.2,1)}
.gw-anim .hm-head.is-in::after,.gw-anim .ab-head.is-in::after{clip-path:inset(0 0 0 0)}
.quote-band::before,.quote-band::after{transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1.4s}
.gw-anim .quote-band[data-gw="band"]::before,.gw-anim .quote-band[data-gw="band"]::after{transform:translateY(55%);opacity:0}
.gw-anim .quote-band[data-gw="band"].is-in::before,.gw-anim .quote-band[data-gw="band"].is-in::after{transform:none;opacity:1}

/* 13. 電腦版：有下拉選單的導覽項目，文字後面加一個小箭頭 */
@media(min-width:821px){
  .nav-links .dd::after{content:"";display:inline-block;width:14px;height:8px;margin-left:7px;position:relative;top:-1px;vertical-align:middle;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'><path d='M1 1.5Q7 7.5 13 1.5' fill='none' stroke='%238C8071' stroke-width='1.3' stroke-linecap='round'/></svg>") center/contain no-repeat;transition:transform .3s}
  .nav-links .dd:hover::after,.nav-links .dd:focus-within::after{transform:rotate(180deg)}
  .nav-links>a:hover,.nav-links .dd:hover>a{color:var(--gold)}
}

/* 14. 導覽列項目變多時（寬度較窄的電腦視窗）縮小間距 */
@media(min-width:821px) and (max-width:1180px){
  .nav-links{gap:20px;font-size:13px}
  .nav-cta{padding:8px 14px;font-size:12px}
  .nav-logo-text{font-size:15px}
}

/* 15. 頁首左側改用只有圖案的形象標誌 */
.nav-logo img{width:auto;height:44px;border-radius:0;object-fit:contain}

/* 16. 頁尾的 Logo 也改用只有圖案的標誌 */
.footer-brand img{width:auto;height:58px;border-radius:0;object-fit:contain}

/* 17. 動畫進階：模糊轉清晰、遮罩展開、減少動態時只淡入 */
.gw-anim [data-gw="blur"]{opacity:0;transform:translateY(40px);filter:blur(10px);transition:opacity 1.2s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform 1.2s cubic-bezier(.2,.7,.2,1) var(--d,0s),filter 1.2s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.gw-anim [data-gw="blur"].is-in{opacity:1;transform:none;filter:blur(0)}
.gw-anim [data-gw="clip"],.gw-anim [data-gw="clipl"]{transition:clip-path 1.4s cubic-bezier(.65,0,.35,1) var(--d,0s)}
.gw-anim [data-gw="clip"]{clip-path:inset(0 100% 0 0)}
.gw-anim [data-gw="clipl"]{clip-path:inset(0 0 0 100%)}
.gw-anim [data-gw="clip"].is-in,.gw-anim [data-gw="clipl"].is-in{clip-path:inset(0 0 0 0)}
.gw-anim [data-gw="fade"]{opacity:0;transition:opacity .8s ease var(--d,0s)}
.gw-anim [data-gw="fade"].is-in{opacity:1}

/* 18. 背景優化：底色質感、區塊山稜分隔、首頁主視覺、子頁面標題背景 */
:root{
  --rh:46px;
  --ridge-top:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'><path d='M0 100V58C110 34 190 70 320 50C460 28 540 6 690 30C810 50 900 12 1040 24C1180 36 1290 66 1440 40V100Z'/></svg>");
  --ridge-bot:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'><path d='M0 0V44C130 70 230 30 380 48C520 66 610 92 760 66C890 42 980 74 1110 58C1240 44 1340 20 1440 46V0Z'/></svg>");
}
/* 18-1 整頁底色：極淡的暖色暈染 + 紙張顆粒 */
body{background-color:#FAF5EF;background-repeat:no-repeat;background-image:radial-gradient(900px 620px at 6% 0,rgba(210,195,167,.18),transparent 62%),radial-gradient(820px 720px at 100% 38%,rgba(202,205,190,.22),transparent 64%),radial-gradient(900px 720px at 0 78%,rgba(229,222,218,.4),transparent 62%)}
body::after{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .34 0 0 0 .12 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* 18-2 區塊之間：色塊邊緣改成山稜線 */
.hm-treat,.ab-alt{-webkit-mask:var(--ridge-top) 0 0/100% var(--rh) no-repeat,linear-gradient(#000,#000) 0 calc(var(--rh) - 1px)/100% calc(100% - var(--rh)*2 + 2px) no-repeat,var(--ridge-bot) 0 100%/100% var(--rh) no-repeat;mask:var(--ridge-top) 0 0/100% var(--rh) no-repeat,linear-gradient(#000,#000) 0 calc(var(--rh) - 1px)/100% calc(100% - var(--rh)*2 + 2px) no-repeat,var(--ridge-bot) 0 100%/100% var(--rh) no-repeat}
.quote-band{-webkit-mask:var(--ridge-top) 0 0/100% var(--rh) no-repeat,linear-gradient(#000,#000) 0 calc(var(--rh) - 1px)/100% calc(100% - var(--rh) + 1px) no-repeat;mask:var(--ridge-top) 0 0/100% var(--rh) no-repeat,linear-gradient(#000,#000) 0 calc(var(--rh) - 1px)/100% calc(100% - var(--rh) + 1px) no-repeat}
/* 18-3 首頁主視覺：圖案左緣羽化融入底色，左下角加一筆書法 */
.hm-hero{position:relative;grid-template-columns:1fr 1.1fr}
.hm-hero-text{position:relative;z-index:1}
.hm-hero-art{margin-left:-9%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.hm-hero::before{content:"";position:absolute;left:-3%;bottom:-8%;width:min(26vw,320px);aspect-ratio:1063/1402;background:url(/wp-content/uploads/gw/brush-v.png) center/contain no-repeat;opacity:.26;transform:rotate(18deg);pointer-events:none}
/* 18-4 子頁面標題區：淡淡的鼠尾草暈染 + 兩筆書法 */
.phero{position:relative;overflow:hidden;background:radial-gradient(760px 300px at 50% 0,rgba(202,205,190,.4),transparent 70%),url(/wp-content/uploads/gw/brush-v.png) no-repeat right 5% top 26px/clamp(84px,13vw,190px) auto,url(/wp-content/uploads/gw/brush-h.png) no-repeat left 3% bottom 10px/clamp(110px,17vw,250px) auto}
@media(max-width:820px){
  :root{--rh:30px}
  .hm-hero-art{margin-left:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%);mask-image:linear-gradient(180deg,transparent 0,#000 28%)}
  .hm-hero::before{display:none}
}

/* 19. 「跳至主要內容」連結：平常看不見，只有用鍵盤 Tab 鍵移上去時才會出現（無障礙用） */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;overflow:visible;padding:10px 18px;position:fixed!important;top:10px;left:10px;z-index:100000;background:#fff;color:#3C3631;font-size:14px;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,.18);text-decoration:none}

/* 20. 文字對比與一致性（讓長者也看得清楚） */
:root{--blush-deep:#756A5D;--label:#6B5F55;--gold:#8A6440;--b-taupe:#948574}
.gwdc-site{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;font-weight:400}
.gwdc-site a{color:inherit}
.gwdc-site h1,.gwdc-site h2,.gwdc-site h3{color:var(--ink)}
.gwdc-site .eyebrow,.gwdc-site small,.gwdc-site .hm-info small,.gwdc-site .tr-dr small,.gwdc-site footer h4,.gwdc-site .hm-tags span,.gwdc-site .gw-meta{color:var(--label)}
.gwdc-site .hm-tc,.gwdc-site .hm-tc p,.gwdc-site .ab-sc,.gwdc-site .ab-sc p,.gwdc-site .ab-sc small,.gwdc-site .quote-band cite{color:#4A3F36}
.quote-band blockquote{font-weight:500}
.gwdc-site .btn-solid{color:#fff}
.gwdc-site a:focus-visible,.gwdc-site label:focus-visible{outline:2px solid var(--blush-deep);outline-offset:3px;border-radius:2px}
.gwdc-site .ab-en{color:var(--label)}

/* 21. 電腦版：滑鼠移到可以點的東西上面，統一變成金褐色（手機觸控不套用） */
@media (hover:hover) and (pointer:fine){
  .gwdc-site a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .3s ease,box-shadow .3s ease}
  .gwdc-site .nav-logo-text,.gwdc-site h3,.gwdc-site b,.gwdc-site em{transition:color .25s ease}
  .gwdc-site .nav-logo:hover .nav-logo-text{color:var(--gold)}
  .gwdc-site .nav-cta:hover{background:#756A5D;border-color:#756A5D;color:#fff}
  .gwdc-site .dd-menu a:hover{color:var(--gold)}
  .gwdc-site .btn-solid:hover{background:#5F544A;border-color:#5F544A;color:#fff}
  .gwdc-site .btn-outline:hover{background:#756A5D;border-color:#756A5D;color:#fff}
  .gwdc-site .hm-tc:hover h3,.gwdc-site .hm-tc:hover em{color:var(--gold)}
  .gwdc-site .hm-tm:hover h3,.gwdc-site .tcard:hover h3{color:var(--gold)}
  .gwdc-site .hm-tile:hover b{color:var(--gold)}
  .gwdc-site .hm-info a:hover b{color:var(--gold)}
  .gwdc-site .hm-more:hover,.gwdc-site .gw-card:hover .gw-more{color:var(--gold);border-color:var(--gold)}
  .gwdc-site .gw-card:hover h3{color:var(--gold)}
  .gwdc-site footer a:hover{color:var(--gold);border-color:var(--gold)}
  .gwdc-site .ab-sc a:hover,.gwdc-site .ab-st a:hover,.gwdc-site .tr-d a:hover,.gwdc-site .gw-content a:hover,.gwdc-site .gw-back a:hover,.gwdc-site .hm-soc a:hover{color:var(--gold);border-bottom-color:var(--gold)}
}

/* 22. 導覽列變成八項之後，視窗寬度 1000px 以下就改用手機版的選單（不然文字會被擠成一個字一行） */
@media(min-width:821px) and (max-width:1000px){
  .nav-burger{display:block;font-size:24px;cursor:pointer;margin-left:auto}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);border-bottom:1px solid var(--blush-line);padding:8px 32px 18px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .nav-toggle:checked~.nav-links{display:flex}
  .nav-links>a,.dd>a{display:block;padding:12px 0}
  .dd-menu{display:none;position:static;border:0;box-shadow:none;padding:0 0 4px 14px;background:none;width:100%}
  .dd-menu a{padding:8px 0;font-size:13px;color:var(--ink-soft)}
  .nav-cta{display:none}
  .m-tel{display:block;margin-top:8px;color:var(--gold)}
  .dd{display:flex;flex-wrap:wrap;align-items:center}
  .dd>a{flex:1}
  .dd-arrow{display:block;padding:12px 4px 12px 20px;cursor:pointer;color:var(--ink-soft)}
  .dd-toggle:checked~.dd-menu{display:block}
  .nav-links .dd::after{display:none}
  .dd:hover .dd-menu,.dd:focus-within .dd-menu{display:none}
  .dd-toggle:checked~.dd-menu{display:block!important}
}
@media(min-width:1001px) and (max-width:1180px){
  .nav-links{gap:16px;font-size:13px}
}

/* 23. 導覽列八個項目：文字不換行、不被壓縮；寬螢幕時放寬導覽列、縮小間距 */
.nav-links>a,.nav-links>.dd,.nav-links>.dd>a,.nav-logo,.nav-logo-text,.nav-cta{white-space:nowrap}
@media(min-width:1001px){
  .nav-links>a,.nav-links>.dd,.nav-logo,.nav-cta{flex-shrink:0}
}
@media(min-width:1181px){
  .nav-links{gap:26px}
}
@media(min-width:1281px){
  header .nav{max-width:1240px}
}

/* 24. 小標改為中文後：正體、不轉大寫、字級加大，長輩比較好讀 */
.gwdc-site .eyebrow,.gwdc-site .hm-info small,.gwdc-site .hm-tile small,.gwdc-site .tr-dr small{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-style:normal;text-transform:none;letter-spacing:.14em;font-size:14px;font-weight:500}

/* 25. 手機展開選單：高度扣掉頁首與底部按鈕列，內容太長時在選單內上下滑（放大字體時依倍率換算） */
@media(max-width:820px){
  .nav-links{max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:24px}
  html.gw-fs-1 .nav-links{max-height:calc((100vh - 185px)/1.15);max-height:calc((100dvh - 185px)/1.15)}
  html.gw-fs-2 .nav-links{max-height:calc((100vh - 200px)/1.3);max-height:calc((100dvh - 200px)/1.3)}
}

/* 26. 交通資訊頁 */
.tf-addr{text-align:center;max-width:760px;margin:0 auto 48px}
.tf-addr h2{font-size:26px;margin:0 0 12px}
.tf-big{font-size:20px;line-height:1.8;color:var(--ink);margin:0 0 4px}
.tf-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.tf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tf-card{padding:30px 28px;border-radius:6px;background:var(--b-mist)}
.tf-card:nth-child(2){background:#E5DEDA}
.tf-card:nth-child(3){background:var(--b-sage)}
.tf-card h3{font-size:22px;margin:0 0 4px}
.tf-tag{display:inline-block;font-size:14px;color:var(--ink-soft);margin-bottom:8px}
.tf-card ul{list-style:none;margin:10px 0 0;padding:0}
.tf-card li{position:relative;padding:6px 0 6px 18px;font-size:16px;line-height:1.9;color:var(--ink)}
.tf-card li::before{content:"";position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background:var(--blush-deep)}
.tf-routes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.tf-routes span{padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--blush-line);font-size:15px}
.tf-note{margin:14px 0 0;font-size:14px;line-height:1.8;color:var(--ink-soft)}
.tf-note a{border-bottom:1px solid var(--blush-deep)}
.tf-map{margin-top:48px;border-radius:6px;overflow:hidden;line-height:0}
.tf-map iframe{width:100%;height:400px;border:0}
@media(max-width:900px){.tf-grid{grid-template-columns:1fr}.tf-map iframe{height:320px}}

/* §27 手機內頁「首頁」按鈕 */
.nav-home{display:none}
@media(max-width:820px){
  .nav-home{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;border:1px solid var(--taupe,#756A5D);border-radius:20px;font-size:15px;line-height:1;color:inherit;white-space:nowrap}
  .nav-home svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .nav-home+.nav-burger{margin-left:14px}
}
@media(max-width:820px){
  .nav-home{padding:6px 10px;gap:4px;font-size:14px}
  .nav-home svg{width:15px;height:15px}
  .nav-home+.nav-burger{margin-left:10px}
}
@media(max-width:400px){
  .nav-logo-text{font-size:17px;letter-spacing:.04em}
  .nav-logo img{height:40px}
}
@media(max-width:380px){
  .nav-logo-text{font-size:15px;letter-spacing:.02em}
  .nav-logo img{height:34px}
  .nav-home{padding:5px 8px;font-size:13px;gap:3px}
  .nav-home svg{width:14px;height:14px}
  .nav-home+.nav-burger{margin-left:8px}
}

/* §28 無障礙：對比度與手機觸控大小 */
.tf-tag{color:var(--ink,#3C3631)}
@media(max-width:820px){
  .nav-burger{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .nav-home{padding:11px 10px}
  .gwdc-site footer a{display:inline-block;padding:11px 0;min-height:44px;box-sizing:border-box}
  .gwdc-site .ft-soc{display:flex;flex-wrap:wrap;gap:0 18px}
  .gwdc-site .hm-more,.gwdc-site main p>a:only-child{display:inline-block;padding-top:12px;padding-bottom:12px;min-height:44px;box-sizing:border-box}
}
@media(max-width:820px){
  .gwdc-site a.back{display:inline-block;padding:12px 0;min-height:44px;box-sizing:border-box}
  .hm-info .hm-soc a{padding:10px 0;min-height:44px;box-sizing:border-box}
}

/* §29 頁尾：LINE／社群同一排，底線貼近文字 */
@media(max-width:820px){
  .gwdc-site footer .footer-col a{border-bottom:0;text-decoration:underline;text-decoration-color:var(--blush-deep);text-underline-offset:5px}
  .gwdc-site footer .ft-soc{justify-content:center;gap:0 22px;margin-top:4px}
  .gwdc-site footer .ft-soc a{margin:0}
}
@media(max-width:820px){
  .nav-burger{margin-right:-10px}
  .nav-home+.nav-burger{margin-left:0}
}
@media(max-width:820px){
  .nav-burger{width:44px;padding:0;box-sizing:border-box;flex:none}
}

/* 醫療團隊頁（電腦版）：6 欄 × 2 排，照片縮小 */
@media(min-width:1001px){
  .gwdc-site .tcards{grid-template-columns:repeat(6,1fr)!important;gap:26px 16px!important}
  .gwdc-site .tcards .ph{aspect-ratio:4/5}
  .gwdc-site .tcards .tcard h3{font-size:17px;margin:10px 0 2px}
  .gwdc-site .tcards .tcard p{font-size:12.5px;line-height:1.5}
  .gwdc-site .tcards .ph::before{font-size:44px}
}

/* §30 門診時間：簡化 ○／× 表 */
.hrs{padding:0 20px 80px}
.hrs .wrap{max-width:760px;margin:0 auto}
.hrs-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--b-mist,#EDEAE1);border-radius:10px;overflow:hidden;table-layout:fixed}
.hrs-table th,.hrs-table td{text-align:center;padding:15px 6px;border-bottom:1px solid var(--blush-line,#E5DEDA);font-weight:600}
.hrs-table tbody tr:last-child>*{border-bottom:0}
.hrs-table thead th{font-size:16px;background:rgba(255,255,255,.4);padding:14px 4px}
.hrs-table thead small{display:block;margin-top:3px;font-size:12.5px;font-weight:400;letter-spacing:0;color:var(--ink-soft,#5E564F);text-transform:none;font-style:normal;font-family:inherit}
.hrs-table tbody th{width:22%;font-size:16px;text-align:left;padding-left:18px;font-family:"Noto Serif TC",serif}
.hrs .dot{display:inline-block;width:20px;height:20px;border:2.5px solid var(--blush-deep,#756A5D);border-radius:50%;vertical-align:middle;box-sizing:border-box}
.hrs .off span[aria-hidden]{font-size:22px;line-height:1;color:#7A7066;font-weight:400}
.hrs-table tr.is-today>*{background:rgba(255,255,255,.7)}
.hrs-table tr.is-today th::after{content:"今天";margin-left:8px;padding:2px 8px;border-radius:10px;background:var(--blush-deep,#756A5D);color:#fff;font:600 12px/1.6 "Noto Sans TC",sans-serif;letter-spacing:.05em;vertical-align:middle}
.hrs-legend{display:flex;justify-content:center;gap:28px;margin:16px 0 0;font-size:14px;color:var(--ink-soft,#5E564F)}
.hrs-legend .dot{width:15px;height:15px;border-width:2px}
.hrs-legend b{font-weight:400;font-size:17px;line-height:1}
.hrs .schedule-note{text-align:center;margin:22px 0 0;line-height:1.9}
.hrs-docs{margin-top:30px;border-top:1px solid var(--blush-line,#E5DEDA);padding-top:6px}
.hrs-docs summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--gold,#8A6440);list-style:none}
.hrs-docs summary::-webkit-details-marker{display:none}
.hrs-docs summary::after{content:"▾";margin-left:8px;transition:transform .2s}
.hrs-docs[open] summary::after{transform:rotate(180deg)}
.hrs-docs .schedule{padding:10px 0 0}
@media(max-width:560px){
  .hrs{padding:0 14px 64px}
  .hrs-table th,.hrs-table td{padding:13px 2px}
  .hrs-table tbody th{padding-left:12px;font-size:15px}
  .hrs-table thead th{font-size:15px}
  .hrs-table thead small{font-size:11.5px}
  .hrs-table tr.is-today th::after{display:block;margin:4px 0 0;width:max-content}
}
/* §30b 覆蓋頁面內建的通用表格樣式（手機堆疊版型） */
.hrs .hrs-table thead{display:table-header-group!important}
.hrs .hrs-table tbody tr{display:table-row!important;border:0!important;margin:0!important;border-radius:0!important}
.hrs .hrs-table td{display:table-cell!important;text-align:center!important;border-left:0!important;font-size:inherit!important;font-style:normal!important;color:var(--ink,#3C3631)!important;padding:15px 6px!important}
.hrs .hrs-table td::before{content:none!important}
.hrs .hrs-table thead th{color:var(--ink,#3C3631)!important;background:rgba(255,255,255,.45)!important;letter-spacing:.04em!important;font-size:16px!important;padding:14px 4px!important}
.hrs .hrs-table tbody th{background:transparent!important;color:var(--ink,#3C3631)!important;font-size:16px!important;font-weight:600!important;width:22%!important;padding:15px 6px 15px 18px!important;border-bottom:1px solid var(--blush-line,#E5DEDA)!important;letter-spacing:.04em}
.hrs .hrs-table tr.is-today>*{background:rgba(255,255,255,.75)!important}
.hrs .hrs-table .off span[aria-hidden]{color:#7A7066!important}
@media(max-width:560px){
  .hrs .hrs-table td{padding:13px 2px!important}
  .hrs .hrs-table tbody th{padding:13px 2px 13px 12px!important;font-size:15px!important}
  .hrs .hrs-table thead th{font-size:15px!important}
}
.hrs .hrs-table{display:table!important}
.hrs .hrs-table tbody{display:table-row-group!important}
.hrs .hrs-table tr{display:table-row!important}
.hrs .hrs-table th,.hrs .hrs-table td{display:table-cell!important}

/* §30c 門診表：連續細框線；「今天」改成左側色條（不撐高列） */
.hrs .hrs-table{border:1px solid #D6CEC6!important;border-collapse:separate!important;border-spacing:0!important;border-radius:10px;overflow:hidden}
.hrs .hrs-table th,.hrs .hrs-table td{border:0!important;border-bottom:1px solid #DDD6CE!important;border-right:1px solid #DDD6CE!important;border-left:0!important}
.hrs .hrs-table tr>*:last-child{border-right:0!important}
.hrs .hrs-table tbody tr:last-child>*{border-bottom:0!important}
.hrs .hrs-table tr.is-today th::after{content:none!important;display:none!important}
.hrs .hrs-table tr.is-today th{box-shadow:inset 5px 0 0 var(--blush-deep,#756A5D);font-weight:700!important}
.hrs .hrs-table tr.is-today>*{background:rgba(255,255,255,.8)!important}
.hrs-legend .bar{display:inline-block;width:5px;height:15px;border-radius:2px;background:var(--blush-deep,#756A5D);vertical-align:middle;margin-right:2px}
.hrs-legend{gap:22px}
.hrs .hrs-table thead small{white-space:nowrap!important;letter-spacing:0!important}
@media(max-width:560px){
  .hrs .hrs-table tbody th{width:19%!important}
  .hrs .hrs-table thead small{font-size:11px!important}
}
.hrs .hrs-table thead th:first-child{width:19%!important}
@media(min-width:561px){.hrs .hrs-table thead th:first-child{width:22%!important}}

.phero .hrs-tel{color:var(--gold,#8A6440);border-bottom:1px solid currentColor;padding:6px 2px}
.phero .hrs-tel strong{letter-spacing:.06em}

/* §31 毛筆圖：完整呈現、不被裁切 */
.ab-art[style*="ab-1"]{background:url(/wp-content/uploads/gw/brush-v.png) center/auto 90% no-repeat!important;border-radius:0}
.ab-art[style*="ab-2"]{background-size:cover!important;border-radius:0;-webkit-mask:radial-gradient(closest-side,#000 62%,transparent 100%);mask:radial-gradient(closest-side,#000 62%,transparent 100%)}
@media(max-width:820px){.phero{background-position:center top,right 5% top 26px,left 4% bottom 8px}}

/* §32 區塊交界柔化：綠色區塊→金繕圖帶 */
.quote-band{background:linear-gradient(to bottom,var(--b-sage) calc(100% - 90px),transparent)!important;position:relative;z-index:1}
.gwdc-site footer{margin-top:-80px}
.gwdc-site footer::before{-webkit-mask:linear-gradient(to bottom,transparent 0,#000 55%,#000 70%,transparent 100%);mask:linear-gradient(to bottom,transparent 0,#000 55%,#000 70%,transparent 100%)}

/* §33 頁尾診療項目連結 */
.gwdc-site footer a.ft-svc{display:inline;min-height:0;padding:10px 1px;text-decoration:underline;text-decoration-color:var(--blush-deep);text-underline-offset:5px;border-bottom:0}
.gwdc-site footer a.ft-svc:hover{color:var(--gold)}

/* §34 首頁頁尾：引言＋預約按鈕 */
.gwdc-site footer.ft-home{margin-top:0}
.ft-quote{margin:26px auto 0;max-width:20em;font-family:inherit;font-weight:500;font-size:17px;line-height:1.9;color:#4A3F36;text-align:center;border:0;padding:0}
.ft-quote cite{display:block;margin-top:10px;font-style:normal;font-size:13px;letter-spacing:.08em;color:#6B5F54}
.ft-cta{margin:24px 0 0;text-align:center}

/* §35 金繕圖帶移到頁面最底部，作為結尾裝飾（全站一致） */
.gwdc-site footer,.gwdc-site footer.ft-home{margin-top:0!important;padding-top:64px;padding-bottom:170px}
.gwdc-site footer::before{display:none!important}
.gwdc-site footer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:url(/wp-content/uploads/gw/kintsugi-band.jpg) center 35%/cover no-repeat;-webkit-mask:linear-gradient(to bottom,transparent 0,#000 45%,#000 70%,transparent 100%);mask:linear-gradient(to bottom,transparent 0,#000 45%,#000 70%,transparent 100%);pointer-events:none}
.gwdc-site footer .footer-grid,.gwdc-site footer .footer-bottom{position:relative;z-index:1}
@media(max-width:820px){.gwdc-site footer,.gwdc-site footer.ft-home{padding-top:52px;padding-bottom:140px}.gwdc-site footer::after{height:120px}}

/* §36 金繕圖作為頁尾整體背景（淡化、上下漸隱），文字壓在上層 */
.gwdc-site footer::after{display:none!important}
.gwdc-site footer::before{display:block!important;content:"";position:absolute;left:0;right:0;top:0;bottom:0;height:auto;z-index:0;opacity:.38;background:url(/wp-content/uploads/gw/kintsugi-band.jpg) center/cover no-repeat;-webkit-mask:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);pointer-events:none}
.gwdc-site footer,.gwdc-site footer.ft-home{padding-top:72px;padding-bottom:120px}
@media(max-width:820px){.gwdc-site footer,.gwdc-site footer.ft-home{padding-top:60px;padding-bottom:110px}}
.ft-cta .btn{display:inline-block;width:auto;min-width:200px;padding:15px 40px;font-size:16px;line-height:1.2;letter-spacing:.12em;white-space:nowrap;box-sizing:border-box}

/* §37 頁尾引言：依語意分兩行，行長一致 */
.ft-quote{max-width:none;font-size:clamp(16px,4.6vw,20px);line-height:2;letter-spacing:.08em;text-wrap:balance;margin:28px auto 0}
.ft-quote{font-size:clamp(15px,4.2vw,19px);letter-spacing:.05em;line-height:2.05;text-wrap:initial}
.ft-quote{white-space:nowrap}

/* §38 首頁頁尾：宋體引言＋電腦版置中排版 */
.ft-quote{font-family:"Noto Serif TC","Songti TC","Source Han Serif TC","PMingLiU",serif;font-weight:500;letter-spacing:.14em;line-height:2.1}
@media(min-width:821px){
  .gwdc-site footer.ft-home .footer-grid{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:56px 120px;text-align:left}
  .gwdc-site footer.ft-home .footer-brand{grid-column:1/-1;text-align:center}
  .gwdc-site footer.ft-home .footer-brand img{margin:0 auto}
  .gwdc-site footer.ft-home .ft-quote{font-size:22px;line-height:2.1;margin-top:30px}
  .gwdc-site footer.ft-home .ft-cta{margin-top:30px}
  .gwdc-site footer.ft-home .footer-col{justify-self:start}
}

/* §39 電腦版頁尾：兩欄依內容寬度並整組置中，與上方品牌區對齊 */
@media(min-width:821px){
  .gwdc-site footer.ft-home .footer-grid{grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:clamp(80px,10vw,150px);width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
  .gwdc-site footer.ft-home .footer-brand{justify-self:stretch;width:100%}
  .gwdc-site footer.ft-home .footer-col{justify-self:center}
}

/* §40 電腦版頁尾：左側品牌＋引言，右側診所資訊與診療項目並排 */
@media(min-width:821px){
  .gwdc-site footer.ft-home .footer-grid{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;width:100%;max-width:1120px;margin:0 auto;column-gap:clamp(48px,6vw,96px);align-items:center;justify-content:stretch}
  .gwdc-site footer.ft-home .footer-brand{grid-column:auto;justify-self:stretch;width:auto;text-align:center}
  .gwdc-site footer.ft-home .footer-col{justify-self:start;align-self:center}
  .gwdc-site footer.ft-home .ft-quote{font-size:21px}
}
@media(min-width:821px){
  .gwdc-site footer.ft-home .footer-col{min-height:210px;display:flex;flex-direction:column;justify-content:flex-start}
  .gwdc-site footer.ft-home .ft-quote{font-size:20px}
}

/* §41 電腦版頁尾品牌：小 logo 在診所名稱左側（手機版維持原樣） */
@media(min-width:821px){
.gwdc-site footer .footer-brand{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:6px;row-gap:2px}
.gwdc-site footer .footer-brand img{grid-row:1/3;grid-column:1;height:52px;margin:0!important}
.gwdc-site footer .footer-brand h3{grid-column:2;grid-row:1;margin:0;text-align:left;align-self:end}
.gwdc-site footer .footer-brand>p:not(.ft-cta){grid-column:2;grid-row:2;margin:0;text-align:left;align-self:start}
.gwdc-site footer .footer-brand .ft-quote,.gwdc-site footer .footer-brand .ft-cta{grid-column:1/-1}
}

/* §42 電腦版頁尾：按鈕與底線之間留白 */
@media(min-width:821px){.gwdc-site footer.ft-home .footer-grid{padding-bottom:96px}}

/* §43 電腦版頁尾：內容與底線同寬並置中，左右留白一致 */
@media(min-width:1001px){
  .gwdc-site footer.ft-home .footer-grid,.gwdc-site footer.ft-home .footer-bottom{max-width:1060px;margin-left:auto;margin-right:auto;box-sizing:border-box}
  .gwdc-site footer.ft-home .footer-grid{column-gap:clamp(40px,4.5vw,72px)}
  .gwdc-site footer.ft-home .footer-col p{max-width:300px}
}

/* §44 電腦版頁尾：字級比例統一（名稱 18 → 引言 20 → 標題 16 → 內文 15 → 版權 13） */
@media(min-width:821px){
  .gwdc-site footer .footer-brand>p:not(.ft-cta){font-size:14px;letter-spacing:.06em}
  .gwdc-site footer .footer-col h4{font-size:16px;letter-spacing:.14em;margin-bottom:14px}
  .gwdc-site footer .footer-col p,.gwdc-site footer .footer-col>a,.gwdc-site footer .ft-soc a,.gwdc-site footer .ft-svc{font-size:15px;line-height:1.95}
  .gwdc-site footer .footer-col p{margin:0 0 6px}
  .gwdc-site footer .footer-bottom{font-size:13px;letter-spacing:.08em}
}

/* §45 診療項目內頁（td-*） */
.gwdc-site .td{padding:56px 0 24px}
.gwdc-site .td-wrap{max-width:860px;margin:0 auto;padding:0 28px}
.gwdc-site .td-back{display:inline-block;margin:0 0 26px;font-size:14px;letter-spacing:.08em;color:var(--gold,#8A6440);border-bottom:1px solid currentColor;padding:6px 1px}
.gwdc-site .td-lead p{font-size:17px;line-height:2.05;margin:0 0 20px;color:#3C342D}
.gwdc-site .td-lead p:first-child{font-size:18.5px}
.gwdc-site .td-h{font-family:"Noto Serif TC",serif;font-size:clamp(21px,3.6vw,26px);font-weight:600;letter-spacing:.08em;margin:60px 0 26px;padding-left:16px;border-left:4px solid var(--blush-deep,#B89484);line-height:1.5}
.gwdc-site .td-item{display:grid;grid-template-columns:52px 1fr;gap:0 16px;padding:26px 0;border-top:1px solid var(--blush-line,#E4D6CC)}
.gwdc-site .td-item:last-child{border-bottom:1px solid var(--blush-line,#E4D6CC)}
.gwdc-site .td-no{font-family:"Noto Serif TC",serif;font-size:30px;color:var(--blush-deep,#B89484);line-height:1.2}
.gwdc-site .td-item h3{font-size:clamp(17px,3.3vw,20px);margin:2px 0 10px;line-height:1.55;letter-spacing:.05em}
.gwdc-site .td-item p{margin:0 0 12px;font-size:16px;line-height:2;color:#3C342D}
.gwdc-site .td-item p:last-child{margin-bottom:0}
.gwdc-site .td-note{background:var(--cream-deep,#F3E9DF);border-radius:6px;padding:14px 18px;margin:10px 0 12px!important}
.gwdc-site .td-cases{display:grid;gap:34px}
.gwdc-site .td-case{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gwdc-site .td-fig{margin:0;position:relative}
.gwdc-site .td-fig img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;background:var(--cream-deep,#F3E9DF)}
.gwdc-site .td-fig figcaption{position:absolute;left:auto;right:3%;top:auto;bottom:4.5%;background:rgba(46,40,34,.78);color:#fff;font-size:13px;letter-spacing:.14em;padding:3px 12px;border-radius:99px}
.gwdc-site .td-fig.after figcaption{background:var(--gold,#8A6440)}
.gwdc-site .td-casenote{font-size:13.5px;color:var(--ink-soft,#6B5F55);margin:18px 0 0;line-height:1.8}
.gwdc-site .td-close p{font-size:16.5px;line-height:2.05;margin:0 0 18px;color:#3C342D}
.gwdc-site .td-close .td-end{font-family:"Noto Serif TC",serif;font-size:18px;line-height:2;padding:20px 22px;background:var(--cream-deep,#F3E9DF);border-radius:6px;margin-top:26px}
.gwdc-site .td-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.gwdc-site .td-doc{display:block;text-align:center;border:0}
.gwdc-site .td-doc .ph{width:96px;height:120px;margin:0 auto 10px;border-radius:6px;overflow:hidden;background:var(--cream-deep,#F3E9DF)}
.gwdc-site .td-doc .ph img{width:100%;height:100%;object-fit:cover;display:block}
.gwdc-site .td-doc b{display:block;font-family:"Noto Serif TC",serif;font-size:17px;letter-spacing:.1em;font-weight:600}
.gwdc-site .td-doc span{display:block;font-size:13px;color:var(--ink-soft,#6B5F55);line-height:1.6;margin-top:2px}
.gwdc-site .td-foot{margin:56px 0 0;text-align:center}
@media(max-width:640px){
  .gwdc-site .td{padding:40px 0 8px}
  .gwdc-site .td-wrap{padding:0 20px}
  .gwdc-site .td-item{grid-template-columns:38px 1fr;gap:0 10px}
  .gwdc-site .td-no{font-size:24px}
  .gwdc-site .td-case{grid-template-columns:1fr;gap:12px}
  .gwdc-site .td-docs{grid-template-columns:repeat(2,1fr)}
}

/* 診療項目總覽：「了解更多」連結 */
.gwdc-site .tr-more{margin:10px 0 0!important}
.gwdc-site .tr-more a{color:var(--gold,#8A6440);border-bottom:1px solid currentColor;padding:8px 1px;display:inline-block;letter-spacing:.06em}

/* §46 診療項目總覽頁：電腦與手機同一種排版與字級 */
.gwdc-site .tr-row .ab-wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;max-width:860px;margin:0 auto}
.gwdc-site .tr-row .tr-no{font-size:30px;line-height:1.2;width:auto}
.gwdc-site .tr-row h2{font-size:22px;line-height:1.5;letter-spacing:.06em}
.gwdc-site .tr-row p{font-size:16px;line-height:1.9}
.gwdc-site .tr-row .tr-dr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin-top:14px;max-width:none;width:100%}
.gwdc-site .tr-row .tr-dr small{grid-column:1/-1;font-size:14px}
.gwdc-site .tr-row .tr-d{margin:0}
.gwdc-site .tr-row .tr-d a{font-size:16px}
.gwdc-site .tr-row .tr-d span{display:block;font-size:13px;line-height:1.6}

/* §47 診療項目總覽頁：右上角小圖示 */
.gwdc-site .tr-row .ab-wrap{position:relative}
.gwdc-site .tr-row .tr-ic{position:absolute;top:2px;right:0;width:40px;height:40px;color:var(--blush-deep,#B89484);opacity:.9;pointer-events:none}
.gwdc-site .tr-row .tr-ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.gwdc-site .tr-row .tr-ic{width:44px;height:44px}.gwdc-site .tr-row h2{padding-right:52px}}

/* §48 電腦版診療項目：大圖示當淡色背景（手機版維持小圖示） */
@media(min-width:821px){
  .gwdc-site .tr-row{overflow:hidden}
  .gwdc-site .tr-row .tr-ic{width:150px;height:150px;top:50%;right:0;transform:translateY(-50%);opacity:.17;color:var(--blush-deep,#B89484)}
  .gwdc-site .tr-row .tr-ic svg{stroke-width:.7}
  .gwdc-site .tr-row .ab-wrap>*:not(.tr-ic){position:relative;z-index:1}
}

/* §49 按鈕群組：並排時等距，手機堆疊時等寬、置中、固定間距 */
.gwdc-site .ab-text p:has(>.btn+.btn){display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:560px){
  .gwdc-site .ab-text p:has(>.btn+.btn),.gwdc-site .tf-btns{flex-direction:column;align-items:stretch;gap:12px}
  .gwdc-site .ab-text p:has(>.btn+.btn)>.btn,.gwdc-site .tf-btns>.btn{display:block;width:100%;min-height:57px;box-sizing:border-box;text-align:center}
}
/* 各醫師看診時段：直接顯示（不再收合） */
.hrs-docs .hrs-docs-h{font-size:1.25rem;text-align:center;margin:18px 0 6px;color:var(--gold,#8A6440)}
/* 班表臨時公告 */
.roster-notice{margin:0 auto 18px;max-width:760px;padding:12px 18px;border-radius:12px;background:#F3E9DF;border:1px solid #E0CDB8;color:#5B4630;font-weight:600;text-align:center;line-height:1.7}
/* 各醫師看診時段：醫師姓名不從中間斷行；去掉滑鼠移上去的灰底（主題預設的表格 hover 效果） */
.hrs-docs .schedule .dr{white-space:nowrap}
.hrs-docs .schedule td{word-break:keep-all;overflow-wrap:normal}
.hrs-docs .schedule tbody td,.hrs-docs .schedule tbody tr:hover>td,.hrs-docs .schedule tbody tr:nth-child(odd)>td,.hrs-docs .schedule tbody tr:nth-child(odd):hover>td{background-color:rgba(255,255,255,.8)}
.hrs-docs .schedule tbody th,.hrs-docs .schedule tbody tr:hover>th,.hrs-docs .schedule tbody tr:nth-child(odd)>th,.hrs-docs .schedule tbody tr:nth-child(odd):hover>th{background-color:#F3E9DF}
/* 各醫師看診時段：手機改成「每天一張卡片」 */
.hrs-docs .roster-days{display:none}
@media(max-width:720px){
  .hrs-docs .schedule table{display:none}
  .hrs-docs .roster-days{display:grid;gap:12px;padding:6px 0 0}
  .hrs-docs .rd-day{background:rgba(255,255,255,.85);border:1px solid var(--blush-line,#E5DEDA);border-radius:14px;overflow:hidden}
  .hrs-docs .rd-day h3{margin:0;padding:9px 16px;background:#F3E9DF;font-size:1.05rem;color:#5B4630}
  .hrs-docs .rd-row{display:flex;gap:12px;align-items:flex-start;padding:10px 16px;border-top:1px solid #efe7de}
  .hrs-docs .rd-row:first-of-type{border-top:0}
  .hrs-docs .rd-p{flex:0 0 74px;font-weight:600;line-height:1.3}
  .hrs-docs .rd-p small{display:block;font-weight:400;font-size:.78rem;opacity:.75}
  .hrs-docs .rd-n{display:flex;flex-wrap:wrap;gap:6px 8px;flex:1}
  .hrs-docs .rd-n .dr{background:#F8F1E9;border:1px solid #E5D6C3;border-radius:99px;padding:2px 12px;line-height:1.7}
  .hrs-docs .rd-off{color:#8a7d70}
}
/* 各醫師看診時段：選單篩選 */
.hrs-docs .gw-hide{display:none !important}
.hrs-docs .rd-filter{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 14px}
.hrs-docs .rd-filter label{font-weight:600;color:#5B4630}
.hrs-docs .rd-filter select{font:inherit;font-size:16px;min-height:44px;padding:8px 36px 8px 14px;border:1px solid #B5A99B;border-radius:10px;background-color:#fff;color:#3a3028;cursor:pointer;max-width:100%}
.hrs-docs .rd-filter select:hover,.hrs-docs .rd-filter select:focus{border-color:#756A5D;box-shadow:0 0 0 3px rgba(117,106,93,.15)}
.hrs-docs .rd-sum{margin:0 auto 14px;max-width:760px;padding:12px 16px;border-radius:12px;background:#F3E9DF;border:1px solid #E0CDB8;text-align:center;line-height:1.8;font-weight:600;color:#5B4630}
.hrs-docs .schedule td.rd-none{color:transparent}
.hrs-docs .schedule td.rd-none::after{content:"—";color:#bbb}
/* 各醫師看診時段：電腦版也用卡片（與手機版同風格），寬螢幕排成 3 欄 */
.hrs-docs .schedule table{display:none}
.hrs-docs .roster-days{display:grid;gap:14px;padding:6px 0 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.hrs-docs .rd-day{background:rgba(255,255,255,.85);border:1px solid var(--blush-line,#E5DEDA);border-radius:14px;overflow:hidden}
.hrs-docs .rd-day h3{margin:0;padding:9px 16px;background:#F3E9DF;font-size:1.05rem;color:#5B4630}
.hrs-docs .rd-row{display:flex;gap:12px;align-items:flex-start;padding:10px 16px;border-top:1px solid #efe7de}
.hrs-docs .rd-row:first-of-type{border-top:0}
.hrs-docs .rd-p{flex:0 0 74px;font-weight:600;line-height:1.3}
.hrs-docs .rd-p small{display:block;font-weight:400;font-size:.78rem;opacity:.75}
.hrs-docs .rd-n{display:flex;flex-wrap:wrap;gap:6px 8px;flex:1}
.hrs-docs .rd-n .dr{background:#F8F1E9;border:1px solid #E5D6C3;border-radius:99px;padding:2px 12px;line-height:1.7}
.hrs-docs .rd-off{color:#8a7d70}
@media(max-width:900px){.hrs-docs .roster-days{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hrs-docs .roster-days{grid-template-columns:1fr}}
/* 各醫師看診時段（電腦版）：維持大表格（左邊早／午／晚），樣式與手機版卡片一致；卡片只在手機顯示 */
@media(min-width:721px){
  .hrs-docs .roster-days{display:none !important}
  .hrs-docs .schedule table{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--blush-line,#E5DEDA);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.85)}
  .hrs-docs .schedule thead{display:table-header-group}
  .hrs-docs .schedule tbody{display:table-row-group}
  .hrs-docs .schedule tr{display:table-row}
  .hrs-docs .schedule th,.hrs-docs .schedule td{display:table-cell;padding:12px 8px;vertical-align:middle;text-align:center;border-bottom:1px solid #efe7de}
  .hrs-docs .schedule tbody tr:last-child>th,.hrs-docs .schedule tbody tr:last-child>td{border-bottom:0}
  .hrs-docs .schedule thead th{background:#F3E9DF;color:#5B4630;font-weight:600}
  .hrs-docs .schedule tbody th{width:96px;background:#F3E9DF;color:#5B4630;font-weight:600;line-height:1.4}
  .hrs-docs .schedule td::before,.hrs-docs .schedule th::before{content:none !important;display:none !important}
  .hrs-docs .schedule td .dr{display:inline-block;margin:3px 3px;background:#F8F1E9;border:1px solid #E5D6C3;border-radius:99px;padding:1px 11px;line-height:1.7}
  .hrs-docs .schedule td .sep{display:none}
}
/* 看診時段：專業＋醫師兩個選單並排 */
.hrs-docs .rd-filter{gap:12px 22px}
.hrs-docs .rd-filter .rd-f{display:flex;align-items:center;gap:8px}
@media(max-width:560px){.hrs-docs .rd-filter{flex-direction:column;align-items:stretch}.hrs-docs .rd-filter .rd-f{justify-content:space-between}.hrs-docs .rd-filter select{flex:1}}
.hrs-docs .rd-filter{gap:14px 56px}
@media(max-width:560px){.hrs-docs .rd-filter{gap:12px}}
/* 篩選標籤（診療專業／醫師）一律水平不換行 */
.hrs-docs .rd-filter label{white-space:nowrap;writing-mode:horizontal-tb;flex:none;word-break:keep-all}
.hrs-docs .rd-filter .rd-f{flex-wrap:nowrap}
.hrs-docs .rd-filter select{min-width:0}
/* 「各醫師看診時段」標題與下方篩選選單拉開距離 */
.hrs-docs .hrs-docs-h{margin-bottom:30px}
@media(max-width:560px){.hrs-docs .hrs-docs-h{margin-bottom:24px}}
/* 班表時段：開始時間／垂直波浪／結束時間 三行直排 */
.hrs-docs .schedule .vt,.roster-days .vt{display:block;line-height:1.25;font-size:inherit}
.hrs-docs .schedule .vt-w,.roster-days .vt-w{transform:rotate(90deg);width:1em;margin:3px auto;line-height:1;opacity:.7}
/* 手機卡片：時間與波浪置中對齊 */
.roster-days .rd-p small{display:inline-block;text-align:center}
.roster-days .vt{text-align:center}
/* 手機卡片：「早／午／晚」與時間同一中線 */
.roster-days .rd-p{text-align:center}
.roster-days .rd-p small{display:block}
/* 手機卡片：「早／午／晚」放在時間左側，並與時間區塊垂直置中 */
.roster-days .rd-p{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:10px;text-align:center}
.roster-days .rd-p small{display:block}
/* 手機卡片：醫師換行變高時，時段區塊仍在整列的垂直中心線上 */
.hrs-docs .rd-row .rd-p{align-self:center}
/* 首頁電腦版頁尾：三欄頂端對齊、左欄文字靠左與 logo 對齊 */
@media(min-width:821px){
  .footer-grid{align-items:start !important}
  .footer-brand .ft-quote,.footer-brand .ft-cta{text-align:left}
  .footer-col{padding-top:6px}
  .footer-col h4,.footer-col h3{margin-top:0}
}
@media(min-width:821px){.footer-grid>.footer-col,.footer-grid>.footer-brand{align-self:start !important}}
/* 首頁電腦版頁尾：左 品牌／中 診療項目／右 診所資訊；取消「預約與聯絡」按鈕 */
@media(min-width:821px){
  .footer-grid{grid-template-columns:1.15fr 1.25fr 1fr !important;column-gap:56px}
  .footer-grid>.footer-brand{order:1}
  .footer-grid>.footer-col:nth-of-type(2){order:2}
  .footer-grid>.footer-col:nth-of-type(1){order:3}
  .footer-brand .ft-cta{display:none !important}
}
@media(min-width:821px){
  .footer-grid>.footer-brand{order:1 !important}
  .footer-grid>.footer-col:nth-child(3){order:2 !important}
  .footer-grid>.footer-col:nth-child(2){order:3 !important}
}
/* 頁尾連結：拿掉下底線 */
.footer-grid a,.footer-grid a:hover,.footer-grid a:focus{text-decoration:none !important;border-bottom:0 !important}
/* 頁尾背景圖淡化，避免干擾閱讀 */
.gwdc-site footer::before{opacity:.12 !important}
/* 頁尾「診所資訊」：寬螢幕時地址、電話、社群各自一行，不在字中間換行 */
@media(min-width:1200px){
  .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) auto !important;column-gap:48px}
  .footer-grid>.footer-col:nth-child(2) p,.footer-grid>.footer-col:nth-child(2)>a{white-space:nowrap}
  .footer-grid>.footer-col:nth-child(2)>a{display:block}
  .footer-grid>.footer-col:nth-child(2) .ft-soc{display:flex;gap:18px;flex-wrap:nowrap}
}
@media(min-width:821px) and (max-width:1199px){
  .footer-grid{grid-template-columns:1fr 1fr 1.3fr !important;column-gap:32px}
  .footer-grid>.footer-col:nth-child(2) p{word-break:keep-all;overflow-wrap:anywhere}
  .footer-grid>.footer-col:nth-child(2) .ft-soc{display:flex;gap:14px;flex-wrap:wrap}
}
@media(min-width:821px) and (max-width:1199px){
  .footer-grid>.footer-brand{min-width:0}
  .footer-brand .ft-quote{white-space:normal;font-size:clamp(1.05rem,2vw,1.3rem)}
}
/* 頁尾（寬螢幕）：診療項目置於正中央，診所資訊靠右 */
@media(min-width:1200px){
  .footer-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important}
  .footer-grid>.footer-col:nth-child(3){justify-self:center}
  .footer-grid>.footer-col:nth-child(2){justify-self:end}
}
/* 頁尾（電腦版）：診療項目、診所資訊與左側品牌區塊垂直置中對齊 */
@media(min-width:821px){
  .footer-grid>.footer-col,.footer-grid>.footer-brand{align-self:center !important}
}
@media(min-width:821px){.footer-grid>.footer-col{justify-content:center !important;padding-top:0 !important}}
/* 頁尾（電腦版）：診療項目、診所資訊 底部對齊左側最後一行文字 */
@media(min-width:821px){.footer-grid>.footer-col{align-self:end !important;justify-content:flex-end !important}}
@media(min-width:821px){.footer-grid>.footer-col:nth-child(3){padding-bottom:6px !important}.footer-grid>.footer-col:nth-child(2){padding-bottom:0 !important}}
/* 頁尾（寬螢幕）：兩欄等高，標題頂端對齊、最後一行底部對齊 */
@media(min-width:1200px){
  .footer-grid>.footer-col{min-height:178px;justify-content:space-between !important}
}
@media(min-width:1200px){.footer-grid>.footer-col{min-height:178px !important;height:178px !important}}
/* 頁尾「診所資訊」：地址、電話前加小圖示（與社群圖示同尺寸、同色） */
.footer-grid>.footer-col:nth-child(2)>p:not(.ft-soc)::before,
.footer-grid>.footer-col:nth-child(2)>a[href^="tel:"]::before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-1px;background:currentColor;opacity:.85;-webkit-mask:var(--gw-ic) center/contain no-repeat;mask:var(--gw-ic) center/contain no-repeat}
.footer-grid>.footer-col:nth-child(2)>p:not(.ft-soc){--gw-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E")}
.footer-grid>.footer-col:nth-child(2)>a[href^="tel:"]{--gw-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
/* 頁尾電話與地址同一色階 */
.footer-grid>.footer-col:nth-child(2)>a[href^="tel:"]{color:#6B5F55}
/* 頁尾（電腦版）：LINE／Facebook／Instagram 這一行，與診療項目最後一行（家庭牙科…）同高 */
@media(min-width:1200px){
  .footer-grid>.footer-col:nth-child(2)>a[href^="tel:"]{position:relative;top:-1.7px}
  .footer-grid>.footer-col:nth-child(2) .ft-soc{position:relative;top:-5.5px}
}
/* 「看更多環境照片」按鈕：沿用網站既有的外框按鈕風格（深咖啡字、細框、圓角膠囊） */
.gwdc-site .ab-env .env-toggle.btn-outline{background:transparent !important;color:#2E2822 !important;border:1px solid #2E2822 !important;border-radius:999px !important;font-family:inherit;font-size:14px;letter-spacing:.12em;padding:14px 32px;box-shadow:none;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.gwdc-site .ab-env .env-toggle.btn-outline:hover,.gwdc-site .ab-env .env-toggle.btn-outline:focus-visible{background:#756A5D !important;border-color:#756A5D !important;color:#fff !important}

/* ===== treatment detail pages: extra blocks ===== */
.gwdc-site .td-wrap>p,.gwdc-site .td-wrap>.td-items+p{font-size:16.5px;line-height:2.05;margin:0 0 18px;color:#3C342D}
.gwdc-site .td-wrap>p.td-foot{margin:56px 0 0}
.gwdc-site .td-ul{margin:4px 0 22px;padding:0;list-style:none}
.gwdc-site .td-ul li{position:relative;padding:3px 0 3px 22px;font-size:16px;line-height:1.95;color:#3C342D}
.gwdc-site .td-ul li::before{content:"";position:absolute;left:3px;top:.95em;width:7px;height:7px;border-radius:50%;background:var(--blush-deep,#B89484)}
.gwdc-site .td-item .td-ul{margin:0 0 12px}
.gwdc-site .td-sub{font-family:"Noto Serif TC",serif;font-size:clamp(17px,3.3vw,19px);font-weight:600;letter-spacing:.06em;margin:30px 0 8px;color:var(--gold,#8A6440)}
.gwdc-site .td-pt{padding:16px 0;border-top:1px solid var(--blush-line,#E4D6CC);margin:0!important}
.gwdc-site .td-pt:last-of-type{border-bottom:1px solid var(--blush-line,#E4D6CC)}
.gwdc-site .td-pt b{display:block;font-family:"Noto Serif TC",serif;font-size:17.5px;letter-spacing:.05em;margin-bottom:4px}
.gwdc-site .td-items{margin:0 0 18px}
.gwdc-site .td-bio{margin-top:34px;padding:22px 24px;background:var(--cream-deep,#F3E9DF);border-radius:6px}
.gwdc-site .td-bio b{display:block;font-family:"Noto Serif TC",serif;font-size:17px;letter-spacing:.08em;margin-bottom:10px}
.gwdc-site .td-bio ul{margin:0;padding:0;list-style:none}
.gwdc-site .td-bio li{position:relative;padding:2px 0 2px 18px;font-size:15px;line-height:1.85;color:#3C342D}
.gwdc-site .td-bio li::before{content:"";position:absolute;left:2px;top:.95em;width:5px;height:5px;border-radius:50%;background:var(--blush-deep,#B89484)}
@media(max-width:820px){.gwdc-site .td-bio{padding:18px 18px}}

/* ===== 2026-11-10 檢查修正 ===== */
/* 放大字體模式：小筆電寬度時選單列維持原尺寸，避免超出畫面 */
@media(min-width:1001px) and (max-width:1365px){html.gw-fs-1 .gwdc-site>header{zoom:.8696}}
@media(min-width:1001px) and (max-width:1559px){html.gw-fs-2 .gwdc-site>header{zoom:.7692}}
/* 頁尾地址：窄版時圖示不要獨立成一行 */
@media(min-width:821px) and (max-width:1199px){
  .footer-grid>.footer-col:nth-child(2)>p:not(.ft-soc){display:grid;grid-template-columns:21px minmax(0,1fr);align-items:start}
  .footer-grid>.footer-col:nth-child(2)>p:not(.ft-soc)::before{margin:.62em 0 0!important}
}
/* 手機版頁尾：診療項目在上、診所資訊在下 */
@media(max-width:820px){
  .footer-grid>.footer-brand{order:1!important}
  .footer-grid>.footer-col:nth-child(3){order:2!important}
  .footer-grid>.footer-col:nth-child(2){order:3!important}
}
/* 手機版頁尾：診所資訊各行間距與診療項目一致（保留點按範圍） */
@media(max-width:820px){
  .footer-grid>.footer-col:nth-child(2)>a[href^="tel:"]{display:table!important;margin:-11px auto -1px!important}
  .footer-grid>.footer-col:nth-child(2)>.ft-soc{margin:-11px 0 -1px!important}
}
/* 手機版門診篩選：兩個下拉選單等寬，「醫師」兩字拉開與「診療專業」同寬 */
@media(max-width:820px){
  .gwdc-site .rd-filter .rd-f>label{flex:0 0 4em;width:4em;white-space:nowrap;box-sizing:content-box}
  .gwdc-site .rd-filter .rd-f>label[for="rd-sel"]{letter-spacing:2em;overflow:hidden}
  .gwdc-site .rd-filter .rd-f>select{flex:1 1 0;min-width:0;width:auto}
}

/* ===== 視覺識別指南：標準字與英文字體 ===== */
/* 「行謙牙醫」改用設計公司的標準字（向量檔；文字仍保留給螢幕閱讀器與搜尋引擎） */
.gwdc-site .nav-logo-text{display:inline-block;width:92px;height:18.4px;font-size:0!important;letter-spacing:0!important;color:transparent!important;background:url(/wp-content/uploads/gw/wordmark.svg?v=2) left center/contain no-repeat;vertical-align:middle}
@media(max-width:820px){.gwdc-site .nav-logo-text{width:84px;height:16.8px}}
.gwdc-site footer .footer-brand h3{width:110px;height:22px;font-size:0!important;letter-spacing:0!important;color:transparent!important;background:url(/wp-content/uploads/gw/wordmark.svg?v=2) left center/contain no-repeat;overflow:hidden}
.gwdc-site .hm-hero-text>h1{width:min(310px,100%);height:62px;margin-top:20px;margin-bottom:16px;font-size:0!important;letter-spacing:0!important;color:transparent!important;background:url(/wp-content/uploads/gw/wordmark.svg?v=2) left center/contain no-repeat;overflow:hidden}
@media(max-width:820px){.gwdc-site .hm-hero-text>h1{width:200px;height:40px}}
/* 英文診所名稱：Cinzel */
.gwdc-site footer .footer-brand>p:not(.ft-cta),.gwdc-site .hm-hero-text .eyebrow{font-family:"Cinzel","Noto Serif TC",serif!important;text-transform:uppercase;font-weight:400}
.gwdc-site footer .footer-brand>p:not(.ft-cta){letter-spacing:.08em!important}
@media(max-width:820px){.gwdc-site footer .footer-brand h3{justify-self:center;margin-left:auto!important;margin-right:auto!important;background-position:center}}
.gwdc-site footer .footer-brand>p:not(.ft-cta){white-space:nowrap;font-size:12.5px!important;letter-spacing:.06em!important}
@media(min-width:821px){.gwdc-site footer .footer-brand img{width:52px!important;min-width:52px;object-fit:contain}}
@media(min-width:821px) and (max-width:1000px){.gwdc-site footer .footer-brand>p:not(.ft-cta){font-size:10.5px!important;letter-spacing:.03em!important}.gwdc-site footer .footer-brand img{width:44px!important;min-width:44px;height:44px}}

/* ===== 診療內頁：臨床案例（院長資料2） ===== */
.gwdc-site .td-fig.fit img{aspect-ratio:auto;object-fit:contain;background:#141210}
.gwdc-site .td-case.one{grid-template-columns:1fr;max-width:640px;margin:0 auto}
.gwdc-site .td-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gwdc-site .td-gal .td-fig img{aspect-ratio:3/2}
.gwdc-site .td-cap{margin:-22px 0 0;font-size:14.5px;color:var(--ink-soft,#6B5F55);text-align:center;letter-spacing:.04em;line-height:1.8}
.gwdc-site .td-sub2{font-family:"Noto Serif TC",serif;font-size:17px;font-weight:600;letter-spacing:.06em;margin:8px 0 -14px;color:#2E2822}
.gwdc-site .td-case.small{max-width:720px;margin:0 auto;width:100%}
@media(max-width:820px){.gwdc-site .td-gal{grid-template-columns:1fr 1fr}.gwdc-site .td-cap{margin-top:-18px}}