/* Approved teaching cycle. */
.rhythm .lc-section-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:36px;padding-top:64px;padding-bottom:90px}
.lc-section-layout .lc-demo{width:min(100%,560px)}
.lc-section-heading{align-self:start;margin-top:28px}
.lc-section-heading .h2{color:#315345}
.lc-heading-rule{display:block;width:76px;height:2px;margin-top:24px;background:#b12e2c;border-radius:65% 35% 40% 60%;transform-origin:left center}
@media(prefers-reduced-motion:no-preference){
  .lc-section-heading.is-visible .h2{animation:lc-heading-reveal .85s cubic-bezier(.2,.7,.2,1) both}
  .lc-section-heading.is-visible .lc-heading-rule{animation:lc-ink-line 1s cubic-bezier(.16,1,.3,1) .15s both}
}
@keyframes lc-heading-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes lc-ink-line{from{transform:scaleX(0) rotate(-3deg);opacity:.3}to{transform:scaleX(1) rotate(-1deg);opacity:1}}
@media(max-width:760px){
  .rhythm .lc-section-layout{grid-template-columns:1fr;gap:26px;padding-top:54px;padding-bottom:72px}
  .lc-section-heading{margin-top:0}
  .lc-heading-rule{margin-top:18px}
}
.lc-demo{--lc-red:#b12e2c;--lc-paper:#faf7f6;position:relative;width:min(100%,620px);aspect-ratio:1;margin:auto;color:#292322;isolation:isolate}
.lc-demo *{box-sizing:border-box}
.lc-demo button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.lc-demo button:focus-visible,.lc-demo [role=button]:focus-visible{outline:2px solid var(--lc-red);outline-offset:7px}
.lc-demo svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lc-centre-logo{position:absolute;left:50%;top:50%;width:18%;max-height:38%;height:auto;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;user-select:none}
.lc-label{font-family:'Songti TC','Noto Serif TC',Georgia,serif;font-weight:500;line-height:1.1;font-size:clamp(28px,4vw,40px);display:block;transition:color .5s,transform .5s}
.lc-demo[data-language=en] .lc-label{font-family:Georgia,serif;font-size:clamp(16px,2.3vw,23px)}
.lc-track{fill:none;stroke:#d8bcb6;stroke-width:.85}
.lc-arrow{fill:none;stroke:var(--lc-red);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.lc-dot{fill:var(--lc-red)}
.lc-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:none;border:0;padding:0;color:inherit}
.lc-node.is-active .lc-label{color:var(--lc-red)}
/* C: five broad, interlocking arrows, following the supplied printed reference. */
.lc-c .lc-cycle-segment{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .85s}
.lc-c .lc-leaf-face{stroke:var(--lc-paper);stroke-width:3.5;stroke-linejoin:round;transition:stroke .7s,filter .7s}
.lc-c .lc-cycle-segment.is-active{transform:translate(var(--lift-x),var(--lift-y));filter:drop-shadow(0 5px 5px #57332718)}
.lc-c .lc-cycle-segment.is-active .lc-leaf-face{filter:brightness(1.05);stroke:#b17c70}
.lc-c .lc-cycle-segment:focus,.lc-c .lc-cycle-segment:focus-visible{outline:none}
.lc-c .lc-cycle-segment:focus-visible .lc-leaf-face{stroke:#b12e2c;stroke-width:4}
.lc-c .lc-label{font-size:43px;fill:#40312d;pointer-events:none}
.lc-c .lc-detail{font:500 19px 'PingFang TC','Noto Sans TC',sans-serif;fill:#493a35;letter-spacing:.06em;pointer-events:none}
.lc-c[data-language=en] .lc-label{font-size:26px}
.lc-c[data-language=en] .lc-detail{font:400 14px Georgia,serif;letter-spacing:0}

@media(prefers-reduced-motion:reduce){.lc-demo *{animation:none!important;transition:none!important}}