.learning-page{background:#f5f2eb;color:#17324a}.learning-shell{width:min(1220px,calc(100% - 40px));margin-inline:auto}.learning-section{padding:clamp(4.8rem,8vw,7.5rem) 0}.learning-kicker,.learning-eyebrow{margin:0;color:#4c8997;font-size:.72rem;font-weight:850;letter-spacing:.17em}.learning-section h2,.learning-next h2{margin:.55rem 0 0;color:#0d2c46;font-family:var(--font-serif);font-size:clamp(2.35rem,4.8vw,4.6rem);font-weight:500;line-height:1.08;letter-spacing:-.04em}.learning-section-head{max-width:780px;margin-bottom:2.25rem}.learning-section-head>p:last-child{margin:1rem 0 0;color:#607384;line-height:1.85}.learning-section-head-split{max-width:none;display:grid;grid-template-columns:minmax(0,520px) minmax(300px,520px);align-items:end;justify-content:space-between;gap:2rem}.learning-section-head-split>p:last-child{margin:0}.learning-lead{color:#4f6576;font-size:1.02rem;line-height:1.9}.learning-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.learning-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.05rem;border:1px solid transparent;border-radius:8px;text-decoration:none;font-weight:850;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.learning-button:hover{transform:translateY(-2px)}.learning-button-primary{background:#fff;color:#123b5b;box-shadow:0 12px 34px rgba(5,24,38,.14)}.learning-button-primary:hover{background:#edf4f4}.learning-button-secondary{border-color:rgba(255,255,255,.52);background:rgba(7,28,43,.18);color:#fff}.learning-button-dark{background:#153f62;color:#fff}.learning-button-dark:hover{background:#0d2c46}.learning-text-link{color:#153f62;text-decoration:none;font-weight:850;border-bottom:1px solid rgba(21,63,98,.3)}

.learning-hero{position:relative;min-height:min(780px,calc(100svh - var(--header-height)));display:grid;align-items:end;isolation:isolate;overflow:hidden;background:#0d2c46;color:#fff}.learning-hero-photo,.learning-hero-shade{position:absolute;inset:0}.learning-hero-photo{z-index:-3;background:url("https://img.kaelith.tw/hudong/assets/fieldwork/hudong-community-wall.webp") center 48%/cover no-repeat;transform:scale(1.015)}.learning-hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(4,22,35,.9) 0%,rgba(4,22,35,.68) 48%,rgba(4,22,35,.32) 100%),linear-gradient(180deg,rgba(3,18,29,.06),rgba(3,18,29,.8))}.learning-hero-inner{padding:clamp(5rem,10vh,8rem) 0 clamp(4rem,8vh,6.5rem);display:grid;grid-template-columns:minmax(0,720px) minmax(260px,330px);align-items:end;justify-content:space-between;gap:3rem}.learning-hero-copy h1,.route-hero h1{margin:.55rem 0 1rem;font-family:var(--font-serif);font-size:clamp(3.7rem,8vw,7.3rem);font-weight:500;line-height:1;letter-spacing:-.055em}.learning-hero-copy>p:not(.learning-kicker),.route-hero-inner>div>p:not(.learning-kicker){max-width:680px;margin:0 0 1.7rem;color:rgba(255,255,255,.9);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.85}.learning-hero-note{padding:1.2rem 1.25rem;border-top:1px solid rgba(255,255,255,.5);background:linear-gradient(180deg,rgba(7,27,42,.06),rgba(7,27,42,.38));backdrop-filter:blur(7px)}.learning-hero-note span{color:#9fc5ca;font-size:.7rem;font-weight:850;letter-spacing:.14em}.learning-hero-note strong{display:block;margin:.45rem 0;font-family:var(--font-serif);font-size:1.35rem;font-weight:600}.learning-hero-note p{margin:0;color:#d2dfe4;font-size:.88rem;line-height:1.75}

.learning-local-nav{position:sticky;top:var(--header-height);z-index:40;border-bottom:1px solid rgba(23,50,74,.12);background:rgba(255,253,250,.94);backdrop-filter:blur(14px)}.learning-local-nav .learning-shell{display:flex;gap:.15rem;overflow:auto;scrollbar-width:none}.learning-local-nav .learning-shell::-webkit-scrollbar{display:none}.learning-local-nav a{position:relative;flex:0 0 auto;padding:1rem .85rem;color:#5c7180;text-decoration:none;font-size:.82rem;font-weight:800;white-space:nowrap}.learning-local-nav a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:0;height:2px;background:#153f62;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.learning-local-nav a:hover,.learning-local-nav a.is-current{color:#153f62}.learning-local-nav a:hover::after,.learning-local-nav a.is-current::after{transform:scaleX(1)}

.learning-overview{background:#f7f4ed}.learning-purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,50,74,.14);border-bottom:1px solid rgba(23,50,74,.14)}.learning-purpose-grid article{padding:1.65rem clamp(1rem,2.5vw,2rem);border-right:1px solid rgba(23,50,74,.14)}.learning-purpose-grid article:last-child{border-right:0}.learning-purpose-grid span{color:#4c8997;font-size:.72rem;font-weight:850}.learning-purpose-grid h3{margin:.65rem 0 .35rem;font-family:var(--font-serif);font-size:1.45rem;font-weight:600}.learning-purpose-grid p{margin:0;color:#5d7181;line-height:1.8}.learning-purpose-grid small{display:block;margin-top:.85rem;color:#7a8995;font-size:.75rem;font-weight:750}

.learning-walk{background:#dce6e3}.learning-walk-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:clamp(2.5rem,7vw,6.5rem);align-items:start}.learning-walk-copy{position:sticky;top:calc(var(--header-height) + 86px)}.learning-walk-copy h2{font-size:clamp(3rem,5.4vw,5rem)}.learning-facts{display:grid;grid-template-columns:1fr 1fr;margin:1.8rem 0;border-top:1px solid rgba(23,50,74,.16)}.learning-facts div{padding:1rem 0;border-bottom:1px solid rgba(23,50,74,.16)}.learning-facts div:nth-child(odd){padding-right:1rem}.learning-facts div:nth-child(even){padding-left:1rem;border-left:1px solid rgba(23,50,74,.16)}.learning-facts dt{color:#6b7e8d;font-size:.72rem;font-weight:850;letter-spacing:.08em}.learning-facts dd{margin:.2rem 0 0;font-weight:800}.learning-route-preview{margin:0;padding:0;list-style:none;border-top:1px solid rgba(23,50,74,.18)}.learning-route-preview li{display:grid;grid-template-columns:58px 1fr;gap:1.1rem;padding:1.4rem .3rem;border-bottom:1px solid rgba(23,50,74,.18);transition:padding-left .24s ease,background .24s ease}.learning-route-preview li:hover{padding-left:.8rem;background:rgba(255,255,255,.24)}.learning-route-preview span{color:#4c8997;font-size:.72rem;font-weight:850}.learning-route-preview strong{font-family:var(--font-serif);font-size:1.25rem}.learning-route-preview p{margin:.35rem 0 0;color:#5e7281;line-height:1.75}

.learning-themes{background:#fffdfa}.learning-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.learning-theme-grid article{padding:1.5rem;border:1px solid rgba(23,50,74,.12);border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(15,42,63,.05);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.learning-theme-grid article:hover{transform:translateY(-4px);border-color:rgba(23,50,74,.22);box-shadow:0 22px 48px rgba(15,42,63,.09)}.learning-theme-grid span{color:#4c8997;font-size:.7rem;font-weight:850;letter-spacing:.12em}.learning-theme-grid h3{margin:.65rem 0 .45rem;font-family:var(--font-serif);font-size:1.45rem;font-weight:600}.learning-theme-grid p{margin:0 0 1rem;color:#5f7282;line-height:1.8}.learning-theme-grid strong{display:block;color:#17324a;font-size:.78rem}.learning-theme-grid small{display:block;margin-top:.25rem;color:#6d7f8d;line-height:1.7}.learning-private-record{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(1.8rem,5vw,4rem);margin-top:2.25rem;padding:clamp(1rem,2vw,1.4rem);border:1px solid rgba(23,50,74,.13);border-radius:18px;background:#eef2ef}.learning-private-photo{min-height:300px;border-radius:12px;background-image:var(--media-education-private-well,url("https://img.kaelith.tw/hudong/assets/fieldwork/benji-well-v2.webp"));background-position:center;background-size:cover;background-repeat:no-repeat}.learning-private-record h3,.learning-private-record h2{margin:.55rem 0 .8rem;color:#0d2c46;font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,3rem);font-weight:500;line-height:1.2}.learning-private-record p:last-child{margin:0;color:#5c7080;line-height:1.9}

.learning-modules{background:#edf1ef}.learning-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.learning-module-grid article{padding:1.45rem;border-top:4px solid #153f62;background:#fff;box-shadow:0 16px 40px rgba(15,42,63,.06)}.learning-module-grid header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.learning-module-grid header span{color:#4c8997;font-size:.7rem;font-weight:850;letter-spacing:.12em}.learning-module-grid header small{color:#718491;font-size:.73rem}.learning-module-grid h3{margin:.8rem 0 .45rem;font-family:var(--font-serif);font-size:1.65rem;font-weight:600}.learning-module-grid>article>p{min-height:5.3em;margin:0;color:#607383;line-height:1.78}.learning-module-grid dl{margin:1rem 0 0;border-top:1px solid rgba(23,50,74,.11)}.learning-module-grid dl div{padding:.75rem 0;border-bottom:1px solid rgba(23,50,74,.1)}.learning-module-grid dt{color:#647987;font-size:.72rem;font-weight:850}.learning-module-grid dd{margin:.22rem 0 0;color:#354f62;font-size:.87rem;line-height:1.7}

.learning-resources{background:#fffdfa}.learning-resource-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:clamp(2.5rem,7vw,6rem);align-items:start}.learning-resource-layout>div:first-child{position:sticky;top:calc(var(--header-height) + 86px)}.learning-resource-list{border-top:1px solid rgba(23,50,74,.16)}.learning-resource-list article{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1.15rem .25rem;border-bottom:1px solid rgba(23,50,74,.16)}.learning-resource-list span{color:#4c8997;font-size:.72rem;font-weight:850}.learning-resource-list strong{font-family:var(--font-serif);font-size:1.15rem}.learning-resource-list p{margin:.28rem 0 0;color:#617483;line-height:1.75}

.learning-ethics{background:#0d2c46;color:#eaf1f4}.learning-ethics h2{color:#fff}.learning-ethics .learning-section-head-split>p:last-child{color:#b9ccd5}.learning-ethics .learning-eyebrow{color:#94bdc5}.learning-ethics-list{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.learning-ethics-list li{padding:1.3rem 1rem;border-right:1px solid rgba(255,255,255,.17)}.learning-ethics-list li:last-child{border-right:0}.learning-ethics-list span{color:#91bac3;font-size:.7rem;font-weight:850}.learning-ethics-list strong{display:block;margin:.6rem 0 .35rem;color:#fff}.learning-ethics-list p{margin:0;color:#b9ccd5;font-size:.83rem;line-height:1.7}

.learning-next{padding:clamp(4rem,7vw,6.5rem) 0;background:#dce6e3}.learning-next-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(23,50,74,.12);border-radius:16px;background:#f8f6ef}.learning-next h2{font-size:clamp(2.3rem,4.2vw,4rem)}.learning-next-card p:not(.learning-eyebrow){max-width:620px;margin:.8rem 0 0;color:#607383}.learning-next .learning-button-secondary{border-color:rgba(21,63,98,.22);background:transparent;color:#153f62}

.route-hero{position:relative;min-height:680px;display:grid;align-items:end;isolation:isolate;overflow:hidden;background:#0d2c46;color:#fff}.route-hero-photo,.route-hero-shade{position:absolute;inset:0}.route-hero-photo{z-index:-3;background-image:var(--media-routes-hero,url("https://img.kaelith.tw/hudong/assets/fieldwork/shengdi-front.jpg"));background-position:center 36%;background-size:cover;background-repeat:no-repeat;transform:scale(1.015)}.route-hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(4,22,35,.92) 0%,rgba(4,22,35,.7) 48%,rgba(4,22,35,.35) 100%),linear-gradient(180deg,rgba(3,18,29,.08),rgba(3,18,29,.82))}.route-hero-inner{padding:clamp(5rem,10vh,8rem) 0 clamp(4rem,8vh,6rem);display:grid;grid-template-columns:minmax(0,720px) minmax(290px,360px);align-items:end;gap:3rem}.route-summary{margin:0;padding:1.15rem 1.25rem;border-top:1px solid rgba(255,255,255,.5);background:rgba(6,25,39,.34);backdrop-filter:blur(8px)}.route-summary div{display:grid;grid-template-columns:90px 1fr;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.14)}.route-summary div:last-child{border-bottom:0}.route-summary dt{color:#9fc5ca;font-size:.72rem;font-weight:850}.route-summary dd{margin:0;color:#fff;font-size:.88rem;font-weight:750}.route-preflight{padding:2rem 0;background:#edf1ef}.route-preflight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.route-preflight article{padding:1.15rem 1.2rem;border-left:3px solid #4c8997;background:#fff}.route-preflight span{color:#4c8997;font-size:.68rem;font-weight:850;letter-spacing:.1em}.route-preflight strong{display:block;margin:.45rem 0 .25rem}.route-preflight p{margin:0;color:#607383;font-size:.85rem;line-height:1.7}.route-preflight a{display:inline-block;margin-top:.7rem;color:#153f62;font-size:.8rem;font-weight:850;text-decoration:none;border-bottom:1px solid rgba(21,63,98,.25)}.route-detail{background:#fffdfa}.route-stage-list{margin:0;padding:0;list-style:none}.route-stage-list>li{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(300px,.8fr);gap:1.4rem;padding:1.4rem 0;border-top:1px solid rgba(23,50,74,.15);align-items:stretch}.route-stage-list>li:last-child{border-bottom:1px solid rgba(23,50,74,.15)}.route-stage-number{color:#4c8997;font-size:.75rem;font-weight:850}.route-stage-copy>span{color:#6c7f8e;font-size:.7rem;font-weight:850;letter-spacing:.1em}.route-stage-copy h3{margin:.45rem 0 .45rem;font-family:var(--font-serif);font-size:clamp(1.45rem,2.5vw,2rem);font-weight:600}.route-stage-copy>p{margin:0;color:#5d7181;line-height:1.82}.route-stage-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.route-stage-copy dl div{padding-top:.7rem;border-top:1px solid rgba(23,50,74,.11)}.route-stage-copy dt{color:#6c7f8e;font-size:.7rem;font-weight:850}.route-stage-copy dd{margin:.22rem 0 0;color:#385165;font-size:.85rem;line-height:1.65}.route-stage-copy a{color:#153f62;font-size:.82rem;font-weight:850;text-decoration:none;border-bottom:1px solid rgba(21,63,98,.28)}.route-stage-photo{min-height:270px;margin:0;border-radius:12px;background-position:center;background-size:cover}.route-photo-map{background-image:var(--media-routes-stage-map,url("https://img.kaelith.tw/hudong/assets/fieldwork/hudong-local-map.jpg"))}.route-photo-temple{background-image:var(--media-routes-stage-temple,url("https://img.kaelith.tw/hudong/assets/fieldwork/shengdi-front.jpg"))}.route-photo-side{background-image:var(--media-routes-stage-side,url("https://img.kaelith.tw/hudong/assets/fieldwork/shengdi-side.jpg"))}.route-stage-finish{display:grid;align-content:center;padding:1.4rem;border-radius:12px;background:#e5ece9}.route-stage-finish span{color:#4c8997;font-size:.7rem;font-weight:850;letter-spacing:.12em}.route-stage-finish strong{margin:.55rem 0 .3rem;font-family:var(--font-serif);font-size:1.35rem}.route-stage-finish p{margin:0;color:#617483}.route-private{background:#edf1ef}.route-private .learning-private-record{margin-top:0}.route-ethics{background:#f7f4ed}.route-guideline-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(23,50,74,.14);border-bottom:1px solid rgba(23,50,74,.14)}.route-guideline-grid article{padding:1.25rem 1rem;border-right:1px solid rgba(23,50,74,.14)}.route-guideline-grid article:last-child{border-right:0}.route-guideline-grid span{color:#4c8997;font-size:.7rem;font-weight:850}.route-guideline-grid strong{display:block;margin:.55rem 0 .3rem}.route-guideline-grid p{margin:0;color:#607383;font-size:.84rem;line-height:1.7}

.learning-motion-ready [data-learning-reveal]{opacity:0;transform:translate3d(0,24px,0);filter:blur(5px);transition:opacity .72s var(--ease),transform .72s var(--ease),filter .72s var(--ease)}.learning-motion-ready [data-learning-reveal].is-visible{opacity:1;transform:none;filter:none}

@media (max-width:1000px){.learning-shell{width:min(100% - 32px,800px)}.learning-hero-inner,.route-hero-inner{grid-template-columns:1fr;gap:2rem}.learning-hero-note,.route-summary{max-width:420px}.learning-section-head-split,.learning-walk-layout,.learning-resource-layout,.learning-private-record{grid-template-columns:1fr}.learning-walk-copy,.learning-resource-layout>div:first-child{position:static}.learning-purpose-grid,.learning-module-grid,.route-preflight-grid{grid-template-columns:1fr}.learning-purpose-grid article{border-right:0;border-bottom:1px solid rgba(23,50,74,.14)}.learning-purpose-grid article:last-child{border-bottom:0}.learning-module-grid>article>p{min-height:0}.learning-ethics-list{grid-template-columns:1fr 1fr}.learning-ethics-list li{border-bottom:1px solid rgba(255,255,255,.17)}.route-stage-list>li{grid-template-columns:52px 1fr}.route-stage-photo,.route-stage-finish{grid-column:2}.route-guideline-grid{grid-template-columns:1fr 1fr}.route-guideline-grid article:nth-child(2){border-right:0}.route-guideline-grid article:nth-child(-n+2){border-bottom:1px solid rgba(23,50,74,.14)}}
@media (max-width:680px){.learning-shell{width:calc(100% - 24px)}.learning-section{padding:4.2rem 0}.learning-hero,.route-hero{min-height:calc(100svh - var(--header-height))}.learning-hero-inner,.route-hero-inner{padding:4rem 0 4.5rem}.learning-hero-copy h1,.route-hero h1{font-size:clamp(3.3rem,17vw,5rem)}.learning-hero-note{display:none}.learning-local-nav a{padding:.85rem .7rem;font-size:.76rem}.learning-theme-grid{grid-template-columns:1fr}.learning-private-photo{min-height:240px}.learning-facts{grid-template-columns:1fr}.learning-facts div:nth-child(odd),.learning-facts div:nth-child(even){padding:1rem 0;border-left:0}.learning-ethics-list,.route-guideline-grid{grid-template-columns:1fr}.learning-ethics-list li,.route-guideline-grid article{border-right:0}.learning-ethics-list li:last-child{border-bottom:0}.learning-next-card{grid-template-columns:1fr}.learning-next .learning-actions{align-items:stretch}.learning-next .learning-button{width:100%}.route-stage-list>li{grid-template-columns:38px 1fr;gap:.75rem}.route-stage-photo,.route-stage-finish{grid-column:1/-1;min-height:230px}.route-stage-copy dl{grid-template-columns:1fr}.route-preflight{padding:1rem 0}.route-preflight-grid{gap:.7rem}}
@media print{#app-header,#app-footer,.learning-local-nav,.learning-actions,.learning-next,.route-preflight{display:none!important}.learning-page{background:#fff}.learning-hero,.route-hero{min-height:0;color:#17324a;background:#fff}.learning-hero-photo,.learning-hero-shade,.route-hero-photo,.route-hero-shade{display:none}.learning-hero-inner,.route-hero-inner{display:block;padding:2rem 0}.learning-hero-copy h1,.route-hero h1{color:#0d2c46;font-size:3rem}.learning-hero-copy>p:not(.learning-kicker),.route-hero-inner>div>p:not(.learning-kicker){color:#4f6576}.learning-hero-note,.route-summary{color:#17324a;background:#fff;border:1px solid #ccc}.learning-section{padding:1.5rem 0;break-inside:avoid}.learning-motion-ready [data-learning-reveal]{opacity:1!important;transform:none!important;filter:none!important}.learning-theme-grid,.learning-module-grid{grid-template-columns:1fr 1fr}.learning-ethics{color:#17324a;background:#fff}.learning-ethics h2{color:#0d2c46}.learning-ethics .learning-section-head-split>p:last-child,.learning-ethics-list p{color:#4f6576}.learning-ethics-list{border-color:#ccc}.learning-ethics-list li{border-color:#ccc}}

.route-page .learning-private-photo{background-image:var(--media-routes-private-well,url("https://img.kaelith.tw/hudong/assets/fieldwork/benji-well-v2.webp"))}