/* V88: an industrial frame with a painted gesture; public visitor surfaces only. */
@layer qxter-system {
body[data-page] main [data-brush="filled"],body[data-page] #crane-native a.home-action.home-action-primary{
 --brush-fill:#142e49;--brush-ink:#fff;position:relative!important;isolation:isolate!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;min-height:60px!important;max-width:100%!important;padding:16px 30px!important;border:0!important;border-radius:0!important;background:none!important;color:var(--brush-ink)!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;white-space:normal!important;text-align:center!important;overflow:visible!important;font-weight:700!important;line-height:1.5!important;vertical-align:middle!important
}
body[data-page] main :is(.experience-hero,.directory-hero,.flow-hero,.flow-department,.qxc-cover,.qxv3-node,.qxv3-static-node,.offering-callout,.tainan-next,.tainan-path-grid,.tainan-course-grid,.local-base-grid,.level-stage,.offering-card) [data-brush="filled"],body[data-page] #crane-native a.home-action.home-action-primary{--brush-fill:#e9edff!important;--brush-ink:#142e49!important}
body[data-page] main [data-brush="filled"]::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:46% 54% 42% 58% / 58% 40% 60% 42%!important;clip-path:none!important;background:linear-gradient(176deg,transparent 72%,#ffffff18 73%,transparent 76%),var(--brush-fill)!important;transform:rotate(-1deg)!important;transition:transform .18s ease!important;pointer-events:none!important}
body[data-page] main [data-brush="filled"]::after{content:""!important;position:absolute!important;inset:7px 2px -5px 3px!important;background:var(--brush-fill)!important;opacity:.18!important;z-index:-2!important;border-radius:48% 52% 54% 46% / 56% 45% 55% 44%!important;transform:rotate(.4deg)!important;pointer-events:none!important}
body[data-page] main :is([data-brush="filled"],[data-brush="outline"]) :is(.action-label,span:not(.location-pin)){color:inherit!important;min-width:0!important}
body[data-page] main [data-brush="outline"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;position:relative!important;min-height:54px!important;max-width:100%!important;padding:13px 22px!important;border:1px solid currentColor!important;border-radius:24px 14px 26px 16px!important;background:transparent!important;box-shadow:none!important;white-space:normal!important;text-align:center!important;text-decoration:none!important;line-height:1.5!important;transform:none!important}
body[data-page] main :is([data-brush="line"],[data-brush="place"]){position:relative!important;display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:48px!important;max-width:100%!important;padding:9px 0!important;text-decoration:none!important;white-space:normal!important;line-height:1.6!important;font-weight:600!important;border:0!important;box-shadow:none!important}
body[data-page] main [data-brush="line"]::after{content:""!important;position:absolute!important;left:0!important;right:34px!important;bottom:5px!important;height:7px!important;background:currentColor!important;opacity:.24!important;clip-path:polygon(1% 35%,22% 6%,68% 20%,100% 0,98% 70%,61% 94%,30% 70%,0 100%)!important;transform:rotate(-.7deg)!important;pointer-events:none!important}
body[data-page] main :is([data-brush],.home-action) .home-arrow{display:block!important;width:24px!important;height:24px!important;flex:0 0 24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body[data-page] main .home-arrow-down{transform:rotate(90deg)!important}
body[data-page] main .location-pin{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;width:24px!important;line-height:1!important;color:inherit!important}
body[data-page] main :is(.home-action[data-location],a[data-brush="place"]){gap:12px!important}
body[data-page] main .home-action:not(.home-action-primary){position:relative!important;isolation:isolate!important}
body[data-page] main .home-action:not(.home-action-primary)::after{content:""!important;position:absolute!important;bottom:5px!important;left:22px!important;width:38px!important;height:3px!important;background:#c4d5ff!important;opacity:.65!important;clip-path:polygon(0 45%,100% 0,92% 100%,5% 80%)!important;pointer-events:none!important}
/* Promotional panels follow the navy/trade canvas, with a thin industrial edge. */
body[data-page] main :is(.tainan-path-grid>article,.tainan-course-grid>article,.local-base-grid>.tainan-course-note,.level-stage,.offering-card){
 --canvas-ink:#f5f8ff!important;--canvas-muted:#dbe6f9!important;position:relative!important;isolation:isolate!important;min-width:0!important;border:1px solid #8ba8d570!important;border-radius:26px 42px 24px 34px!important;background:linear-gradient(135deg,#203f68e8,#081831f2),var(--scene,url('/assets/course-art/fluid-navy.webp')) center/cover!important;color:var(--canvas-ink)!important;box-shadow:inset 0 1px 0 #ffffff18,0 12px 28px #030b211a!important;padding:30px!important
}
body[data-page] main :is(.tainan-path-grid>article,.tainan-course-grid>article,.local-base-grid>.tainan-course-note,.level-stage,.offering-card) :is(h2,h3,p,li,small,span:not(.action-label):not(.location-pin),a:not(.button)){color:var(--canvas-ink)!important}
body[data-page] main :is(.tainan-path-grid>article,.tainan-course-grid>article,.local-base-grid>.tainan-course-note,.level-stage,.offering-card) :is(.notice,.level-note,.offering-tags span){background:#091b36aa!important;color:#dbe6f9!important;border-color:#7794c266!important}
body[data-page] main :is(.tainan-path-grid>article,.tainan-course-grid>article,.local-base-grid>.tainan-course-note,.level-stage,.offering-card) [data-brush="filled"]{color:#142e49!important}
body[data-page] main .experience-hero .tainan-address{--canvas-ink:#f5f8ff!important;--canvas-muted:#dbe6f9!important;background:#0c2747de!important;border:1px solid #9eb8e470!important;border-radius:26px 42px 24px 34px!important;color:#f5f8ff!important}
body[data-page] main .experience-hero .tainan-address :is(h2,p,address,a:not(.button)){color:#f5f8ff!important}
body[data-page] main :is(.teacher-card,.resource-feature,.search-panel,.contact-page,.archive-controls,.enrollment-panel){background:#f5f8fd!important;border-color:#cbd8e8!important;--canvas-ink:#142e49!important;--canvas-muted:#425a73!important}
body[data-page] main .teacher-card{border-top:3px solid #718fb9!important}
/* Short card copy can use its own column. Long article bodies keep their reading measure. */
body[data-page] main :is(.contact-page>div,.contact-page p,.contact-page .notice,.tainan-path-grid p,.tainan-course-grid p,.tainan-hero .intro,.tainan-next>p,.local-base-grid p,.level-stage>p,.offering-card>p,.resource-feature p,.teacher-copy p,.offering-callout p,.enrollment-intro .intro){max-width:none!important;width:100%!important;min-width:0!important}
body[data-page] main .contact-page{grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:0!important;padding:clamp(28px,4vw,52px)!important}
body[data-page] main .contact-page>div{display:block!important;grid-column:1/-1!important}
body[data-page] main .contact-page .notice{box-sizing:border-box!important;margin-top:24px!important;padding:20px 24px!important;background:#e9f0fb!important;border:1px solid #c7d7ee!important;border-radius:14px!important}
body[data-page] main :is(.tainan-course-grid,.offering-grid){align-items:stretch!important;grid-auto-rows:1fr!important}
body[data-page] main :is(.tainan-course-grid>article,.offering-card){display:flex!important;flex-direction:column!important}
body[data-page] main :is(.tainan-card-actions,.offering-card>.actions){margin-top:auto!important;padding-top:24px!important}
body[data-page] main :is(.tainan-card-actions,.local-base-actions){align-items:stretch!important}
body[data-page] main :is(.tainan-card-actions,.local-base-actions)>a{width:100%!important}
body[data-page] main :is([data-brush],.home-action):focus-visible{outline:3px solid #80baff!important;outline-offset:5px!important}
@media(hover:hover){body[data-page] main [data-brush="filled"]:hover::before{transform:rotate(-1deg) translateY(-2px)!important}body[data-page] main [data-brush="line"]:hover::after{opacity:.45!important}}
@media(max-width:760px){
 body[data-page] main :is([data-brush="filled"],[data-brush="outline"]){padding:14px 22px!important;min-height:54px!important}
 body[data-page] main :is(.tainan-path-grid>article,.tainan-course-grid>article,.local-base-grid>.tainan-course-note,.level-stage,.offering-card){padding:24px!important}
 body[data-page] main .contact-page{padding:28px 24px!important}
 body[data-page] main .contact-page .notice{padding:18px!important}
 body[data-page] main :is(.tainan-course-grid,.offering-grid){grid-auto-rows:auto!important}
 body[data-page] main .action-label{overflow-wrap:anywhere!important}
}
@media(prefers-reduced-motion:reduce){body[data-page] main [data-brush]::before{transition:none!important}}
}

@layer qxter-system {
body[data-page] main [data-brush="outline"]{color:var(--canvas-ink,#142e49)!important}
body[data-page] main :is(h2,h3,address)>.location-pin{margin-right:8px!important;vertical-align:middle!important}
body[data-page] main [data-brush="filled"]:disabled{--brush-fill:#dae2ef!important;--brush-ink:#53627b!important;cursor:wait!important}
body[data-page] main :is(.tainan-jump,.about-jump,.course-jump-nav)>a{display:inline-flex!important;align-items:center!important;min-height:48px!important;padding:10px 16px!important;border:1px solid #8ba5d080!important;border-radius:18px 10px 20px 12px!important;text-decoration:none!important;background:#142e4922!important;gap:10px!important;max-width:100%!important}
}
@layer qxter-system {
body[data-page] main :is(.tainan-jump,.about-jump,.course-jump-nav)>a{color:var(--canvas-ink,#f5f8ff)!important}
body[data-page] main a.search-result[href^="/locations/"] h2::before{content:"📍 ";font-size:inherit!important}
}

@layer qxter-system {
body[data-page] main .about-jump>a{--canvas-ink:#f5f8ff!important;--canvas-muted:#dbe6f9!important;color:#f5f8ff!important}
}

@layer qxter-system {
body[data-page] main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:#fff!important;color:#142e49!important;border-color:#bacbe0!important}
body[data-page] main :is(input,select,textarea):disabled{background:#e9eef6!important;color:#53667d!important}
body[data-page] main :is(input,textarea)::placeholder{color:#52677d!important;opacity:1!important}
body[data-page] main .field-label>.location-pin{margin-right:6px!important}
}

/* Clear legacy pill fills on brush-underlined text actions. */
@layer qxter-system {
body[data-page] main :is([data-brush="line"],[data-brush="place"]){background:transparent!important;border-radius:0!important;color:var(--canvas-ink,#142e49)!important}
}