/* 實績頁沿用官網白底、深藍與細線，將全所統計和公開個案分層。 */
.tr-page{--tr-muted:#536b70;--tr-gold:#826b45;--tr-line:#d6e0df;--tr-soft:#f2f6f5}
.tr-page [hidden]{display:none!important}
.tr-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.tr-chips button{font:inherit;font-size:14px;line-height:1.5;padding:12px 18px;border:1px solid var(--tr-line);border-radius:3px;color:var(--ink);background:white;cursor:pointer;transition:background .18s,color .18s}
.tr-chips button:hover{background:var(--tr-soft);border-color:var(--ink)}
.tr-chips button[aria-pressed="true"]{color:white;background:var(--ink);border-color:var(--ink)}
.tr-chips button span{margin-left:10px;font-variant-numeric:tabular-nums}
.tr-page button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.tr-filter-status{font-size:12px;color:var(--tr-muted);margin:0 0 16px}
.tr-page .tr-group-select{display:none}
.tr-home{padding-top:40px;padding-bottom:65px}
.tr-home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.tr-home-links a{display:flex;justify-content:space-between;gap:14px;padding:20px 0;border-top:1px solid var(--tr-line);font-size:15px}
.tr-home-links a:hover{border-color:var(--ink)}
.tr-home-links span{color:var(--tr-gold);white-space:nowrap}
@media(max-width:600px){.tr-home-links{grid-template-columns:1fr;gap:0}.tr-chips{gap:8px}.tr-chips button{padding:11px 13px;font-size:13px}.tr-home{padding-top:20px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.tr-chips button{transition:none}}
.tr-hero{padding:50px 0 35px}
.tr-heading{display:grid;grid-template-columns:1.65fr 1fr;gap:48px;align-items:end}
.tr-heading h1{font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.5;letter-spacing:.01em;margin:12px 0 0}
.tr-heading>p,.tr-section-heading>p,.tr-section-heading>div>p{font-size:16px;line-height:1.9;color:var(--tr-muted)}
.tr-nav{display:flex;gap:30px;flex-wrap:wrap;margin-top:32px;font-size:14px}
.tr-nav a{padding:10px 0;border-bottom:1px solid var(--tr-line)}
.tr-nav a:hover{border-color:var(--ink)}
.tr-experience{padding:34px 0 0}
.tr-section-top{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px}
.tr-section-top h2{font-size:20px;font-weight:500}
.tr-section-top>p{font-size:12px;color:var(--tr-muted)}
.tr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--tr-line)}
.tr-metric{padding:28px 25px;border-bottom:1px solid var(--tr-line);min-width:0;position:relative}
.tr-metric:nth-child(3n+1){padding-left:0}
.tr-metric:not(:nth-child(3n)):after{content:'';position:absolute;right:0;top:30px;bottom:30px;width:1px;background:var(--tr-line)}
.tr-number{display:flex;align-items:baseline;gap:8px;font:300 clamp(38px,4.4vw,58px)/1.2 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.04em;color:var(--ink);margin:0 0 14px;white-space:nowrap}
.tr-number-prefix,.tr-number-unit{font-size:16px;letter-spacing:0;color:var(--tr-gold)}
.tr-number-prefix:empty{display:none}
.tr-number-value{font:inherit;color:inherit;font-variant-numeric:tabular-nums;display:inline-grid}
.tr-number-value .motion-number-value{font:inherit}
.tr-metric h3{font-size:16px;font-weight:500;margin:0 0 8px;line-height:1.6}
.tr-metric>p:last-child{font-size:12px;line-height:1.75;color:var(--tr-muted);margin:0}
.tr-stat-note{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:18px;color:var(--tr-muted);font-size:12px;line-height:1.9}
.tr-stat-note p{margin:0}.tr-stat-note details p{margin-top:12px}
.tr-stat-note summary{cursor:pointer;min-height:36px}
.tr-section{padding-top:85px;scroll-margin-top:100px}
.tr-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:32px}
.tr-section-heading h2,.tr-page .case-inquiry h2{font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.5;margin:10px 0 0}
.tr-organizations{border-top:1px solid var(--tr-line)}
.tr-org-group{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:28px 0;border-bottom:1px solid var(--tr-line)}
.tr-org-title>span{font-size:12px;color:var(--tr-gold);letter-spacing:.12em}
.tr-org-title h3{font-size:18px;font-weight:500;margin:10px 0 8px}.tr-org-title p{font-size:12px;color:var(--tr-muted);margin:0}
.tr-org-group ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;padding:0;margin:0;align-content:start}
.tr-org-group li{min-width:0;line-height:1.7;font-size:16px;padding:4px 0}
.tr-org-group strong{font-weight:500;display:block}.tr-org-group li span{display:block;font-size:12px;color:var(--tr-muted);margin-top:6px}
.tr-org-group a{display:block;position:relative;padding-right:22px}.tr-org-group a b{position:absolute;right:0;top:0;font-weight:400}
.tr-org-group a:hover strong{text-decoration:underline;text-underline-offset:5px}
.tr-note{font-size:12px;line-height:1.9;color:var(--tr-muted);margin-top:18px}
.tr-section-heading>div>p.tr-note{font-size:12px}
.tr-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tr-feature{display:flex;flex-direction:column;background:var(--tr-soft);padding:28px;min-height:320px;transition:background .2s}
.tr-feature:first-child{background:var(--ink);color:white}
.tr-feature:hover{background:#e7efed}.tr-feature:first-child:hover{background:#133f4b}
.tr-feature-top,.tr-feature-foot{display:flex;justify-content:space-between;gap:16px;font-size:12px}
.tr-feature-top{color:var(--tr-gold);margin-bottom:32px}.tr-feature:first-child .tr-feature-top{color:#ddd1b9}
.tr-feature-place{font-size:12px;margin:0 0 10px}.tr-feature h3{font-size:24px;font-weight:500;line-height:1.6;margin:0 0 18px}
.tr-feature>p:not(.tr-feature-place){font-size:14px;line-height:1.9;margin:0 0 30px}
.tr-feature-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--tr-line)}
.tr-feature:first-child .tr-feature-foot{border-color:#63818a}
.tr-page .catalog-filters{margin-bottom:12px}
.tr-case-group{margin-bottom:32px;scroll-margin-top:100px}
.tr-case-group>header{padding:20px 0;border-top:1px solid var(--ink)}
.tr-case-group>header h3{font-size:20px;font-weight:500;display:flex;gap:18px;align-items:baseline;margin:0}
.tr-case-group>header h3 span{font:400 28px/1.2 var(--latin,Arial,sans-serif);color:var(--tr-gold)}
.tr-case-group>header p{font-size:13px;color:var(--tr-muted);margin:10px 0 0}
.tr-group-pending{background:#f7f4ed;padding:0 24px 8px}
.tr-group-pending>header{border-top-color:var(--tr-gold)}
.tr-page .case-record{grid-template-columns:76px minmax(0,1fr) 200px;gap:26px;scroll-margin-top:110px}
.tr-page .record-status .case-progress{white-space:normal;text-align:right;line-height:1.6;font-size:12px;max-width:100%}
.tr-page .record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tr-page .record-facts>div{min-width:0}.tr-page .record-facts dd{margin:6px 0 0;overflow-wrap:anywhere}
.tr-record-links{display:flex;gap:28px;flex-wrap:wrap}
.tr-page .case-inquiry{margin-top:70px;padding:48px 0;gap:28px}
.tr-page .case-inquiry p{font-size:14px;line-height:1.9;color:var(--tr-muted)}
.tr-page a:focus-visible,.tr-page summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:900px){
 .tr-heading,.tr-section-heading{gap:28px;grid-template-columns:1.2fr 1fr}.tr-heading>p{font-size:14px}
 .tr-metric{padding:24px 18px}
 .tr-org-group{grid-template-columns:150px minmax(0,1fr);gap:24px}.tr-org-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .tr-feature{padding:22px}.tr-feature h3{font-size:20px}.tr-page .case-record{grid-template-columns:60px minmax(0,1fr) 150px;gap:18px}
}
@media(max-width:600px){
 .tr-hero{padding-top:28px}.tr-heading,.tr-section-heading{grid-template-columns:1fr;gap:16px}.tr-heading h1{font-size:31px}.tr-heading>p br{display:none}
 .tr-nav{gap:12px 22px;margin-top:22px;font-size:13px}.tr-section-top{display:block}.tr-section-top h2{font-size:18px}.tr-section-top>p{margin-top:10px}
 .tr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-metric{padding:24px 12px}.tr-number{font-size:38px;gap:5px}.tr-number-prefix,.tr-number-unit{font-size:13px}
 .tr-metric:nth-child(3n+1){padding-left:12px}.tr-metric:nth-child(odd){padding-left:0}.tr-metric:nth-child(even):after{display:none}.tr-metric:nth-child(3):after{content:'';display:block;position:absolute;right:0;top:30px;bottom:30px;width:1px;background:var(--tr-line)}
 .tr-metric h3{font-size:14px}.tr-metric>p:last-child{font-size:12px}
 .tr-stat-note{grid-template-columns:1fr;gap:8px}.tr-section{padding-top:58px}.tr-section-heading{margin-bottom:24px}.tr-section-heading>p{font-size:14px}
 .tr-org-group{grid-template-columns:1fr;gap:20px}.tr-org-title{display:grid;grid-template-columns:24px 1fr;gap:4px 12px}.tr-org-title h3{margin:0}.tr-org-title p{grid-column:2}.tr-org-title>span{padding-top:4px}
 .tr-org-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding-left:0}.tr-org-group li{font-size:15px}
 .tr-features{grid-template-columns:1fr}.tr-feature{min-height:0;padding:26px}.tr-feature h3{font-size:25px}.tr-feature-top{margin-bottom:22px}
 .tr-page .case-record{grid-template-columns:minmax(0,1fr) auto;gap:12px}.tr-page .record-status .case-progress{max-width:190px}
 .tr-page .record-facts{grid-template-columns:1fr}.tr-group-pending{padding:0 16px 8px}.tr-page .case-record h2{font-size:19px}
 .tr-page .case-inquiry{display:block;margin-top:40px}.tr-page .case-inquiry>a{margin-top:24px}
}

/* 精選案例改為緊湊橫列，標題直接指定文字色避免深底繼承衝突。 */
.tr-selected .tr-section-heading{margin-bottom:24px}
.tr-selected .tr-section-heading h2{font-size:clamp(24px,2.5vw,34px)}
.tr-case-row{display:grid;grid-template-columns:160px 210px minmax(0,1fr) 180px;gap:24px;align-items:center;border-top:1px solid var(--tr-line);padding:22px 12px;color:var(--ink);text-decoration:none}
.tr-case-row:last-child{border-bottom:1px solid var(--tr-line)}
.tr-case-row:hover,.tr-case-row:focus-visible{background:#edf3f2}
.tr-case-row:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.tr-case-row h3{color:var(--ink);font-size:21px;line-height:1.5;margin:0}
.tr-case-row p{font-size:14px;line-height:1.8;margin:0;color:var(--text)}
.tr-case-theme{font-size:12px;color:#756344}.tr-case-stage{font-size:13px;line-height:1.6;color:var(--ink)}
@media(max-width:1100px){.tr-case-row{grid-template-columns:140px 180px minmax(0,1fr)}.tr-case-stage{grid-column:2/-1}.tr-case-row{gap:8px 20px}}
@media(max-width:700px){.tr-case-row{grid-template-columns:1fr auto;padding:20px 4px}.tr-case-theme{grid-column:1/-1}.tr-case-row h3{font-size:20px}.tr-case-row p{grid-column:1/-1;grid-row:3}.tr-case-stage{grid-column:2;grid-row:2;max-width:120px}.tr-selected .tr-section-heading{display:block}}
.rd-dashboard{padding:52px 0 32px;border-bottom:1px solid var(--tr-line)}
.rd-dashboard h2{font-size:clamp(24px,2.5vw,34px);line-height:1.5;margin:12px 0;color:var(--ink)}
.rd-intro{max-width:65em;font-size:15px;line-height:1.9;color:var(--tr-muted)}
/* 沿用全所經驗的數字與細線元件，互動狀態以底線標示。 */
.rd-metrics.tr-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:none;margin:28px 0}
.rd-metrics button.tr-metric{font:inherit;text-align:left;padding:24px;background:transparent;border:0;border-bottom:1px solid var(--tr-line);color:var(--ink);cursor:pointer;position:relative}
.rd-metrics button.tr-metric:first-child{padding-left:0}
.rd-metrics button.tr-metric:after{display:none}
.rd-metrics button.tr-metric+button{border-left:1px solid var(--tr-line)}
.rd-metrics button.tr-metric[aria-pressed=true]{border-bottom:3px solid var(--ink)}
.rd-metrics button.tr-metric:hover{background:var(--tr-soft)}
.rd-metrics button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.rd-metrics .tr-number{font:300 clamp(38px,4.4vw,58px)/1.2 'Helvetica Neue',Arial,sans-serif;display:block;letter-spacing:-.04em;margin:0 0 14px}
.rd-metrics span{display:block;font-size:16px;margin-top:12px}.rd-metrics small{display:block;color:var(--tr-muted);font-size:12px;margin-top:8px;line-height:1.7}
.rd-explorer{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px}.rd-explorer select{font:inherit;color:var(--ink);padding:10px;border:1px solid var(--tr-line);background:white}.rd-status{color:var(--tr-muted);margin:0}
.rd-results{margin:20px 0}.rd-results summary{cursor:pointer;color:var(--ink);padding:10px 0}.rd-results ul{max-height:320px;overflow:auto;padding:0;list-style:none}.rd-results li{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--tr-line);padding:12px 0;font-size:14px}.rd-results li span{color:var(--tr-muted);flex-shrink:0}.rd-results a{color:var(--ink)}.rd-note{font-size:12px;color:var(--tr-muted)}
@media(max-width:700px){.rd-metrics{grid-template-columns:1fr 1fr}.rd-metrics button{padding:18px}.rd-results li{display:block}.rd-results li span{display:block;margin-top:6px}.rd-status{flex-basis:100%}}

 .rd-planning{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;border-top:1px solid var(--tr-line);padding:32px 0;margin-top:32px}
.rd-planning h3{font-size:24px;color:var(--ink);line-height:1.6;margin:12px 0}
.rd-planning dl{margin:0}.rd-planning dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--tr-line)}
.rd-planning dt{font-size:15px;color:var(--ink)}.rd-planning dd{margin:0;font-size:14px;line-height:1.9;color:var(--tr-muted)}
.home-track-summary{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:56px;scroll-margin-top:110px}
.home-track-intro h2{font-size:clamp(28px,3vw,40px);line-height:1.5;font-weight:500;margin:12px 0 18px}
.home-track-intro>p:not(.section-label){font-size:15px;line-height:1.9;color:var(--tr-muted);margin:0 0 24px}
.home-track-link{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:22px 0;border-top:1px solid var(--tr-line);color:var(--ink);text-decoration:none}
.home-track-link:last-child{border-bottom:1px solid var(--tr-line)}.home-track-link small{grid-column:1/-1;color:var(--tr-gold);font-size:12px}.home-track-link h3{font-size:23px;margin:0;color:var(--ink);font-weight:500}.home-track-link span{align-self:center;font-size:13px;color:var(--tr-muted)}.home-track-link:hover h3{text-decoration:underline;text-underline-offset:5px}
.home-track-link:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:900px){.rd-planning{grid-template-columns:1fr;gap:12px}.home-track-summary{gap:32px}}
@media(max-width:700px){.rd-metrics.tr-metrics{grid-template-columns:1fr 1fr}.rd-metrics button.tr-metric{padding:20px 12px}.rd-metrics button.tr-metric:nth-child(3){border-left:0;padding-left:0}.rd-planning dl>div{grid-template-columns:1fr;gap:6px}.home-track-summary{grid-template-columns:1fr;padding-block:36px}.home-track-link h3{font-size:21px}.home-track-link span{max-width:140px}.rd-planning h3{font-size:22px}}
