.brand-learning-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-8)}.brand-learning-grid{gap:var(--space-6)}.brand-learning-panel{min-width:0;padding:var(--space-8);background:var(--color-bg-muted);border-radius:var(--radius-card);overflow:hidden}.brand-learning-panel-title{justify-content:space-between;align-items:flex-start}.brand-learning-panel-title>[data-slot=taxonomy-mark]{width:var(--space-10);height:var(--space-10)}.brand-learning-name{color:var(--color-fg-muted);letter-spacing:var(--tracking-wide)}.brand-learning-scene{isolation:isolate;height:240px;margin-block:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.brand-learning-workspace{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-card);width:88%;box-shadow:var(--shadow-md)}.brand-learning-window-title{padding:var(--space-3) var(--space-5);color:var(--color-fg-muted);border-bottom:1px solid var(--color-border-default);justify-content:space-between}.brand-learning-tools{padding:var(--space-6) var(--space-4);justify-content:center;gap:var(--space-3);flex-wrap:nowrap}.brand-learning-tool{min-width:0;font-size:var(--text-sm);flex:1;align-items:center}.brand-learning-tool-shape{width:58px;height:64px;color:var(--color-accent-brand);font-size:var(--text-2xl);background:var(--color-bg-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-input);justify-content:center;align-items:center;display:flex}.brand-learning-tool-2 .brand-learning-tool-shape{border-bottom:3px solid var(--color-accent-brand);border-radius:var(--radius-input) var(--radius-input) 0 0}.brand-learning-process{gap:var(--space-6);flex-direction:column}.brand-learning-track{flex-wrap:nowrap;justify-content:center;width:100%}.brand-learning-step{font-size:var(--text-sm);flex:1;align-items:center}.brand-learning-step-circle{width:76px;height:76px;font-size:var(--text-xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;background:var(--color-bg-base);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.brand-learning-step-circle-final{color:var(--color-fg-on-accent);background:var(--color-accent-brand);border-color:var(--color-accent-brand)}.brand-learning-arrow{padding-top:var(--space-5);color:var(--color-fg-muted);font-size:var(--text-xl);align-self:flex-start}.brand-learning-process-caption{color:var(--color-fg-muted);font-size:var(--text-sm)}.brand-learning-transfer{gap:var(--space-4)}.brand-learning-files{width:155px;height:170px;position:relative}.brand-learning-file{width:110px;height:145px;padding:var(--space-4);font-size:var(--text-sm);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-input);box-shadow:var(--shadow-sm);position:absolute}.brand-learning-file-back{top:-18px;right:0;transform:rotate(9deg)}.brand-learning-file-front{bottom:0;left:0;transform:rotate(-7deg)}.brand-learning-file-symbol{padding-top:var(--space-4);color:var(--color-fg-muted);font-size:var(--text-3xl)}.brand-learning-transfer-arrow{color:var(--color-accent-brand);flex-shrink:0;align-items:center}.brand-learning-transfer-arrow>p:last-child{font-size:var(--text-3xl);line-height:1}.brand-learning-folder{width:135px;min-height:110px;color:var(--color-accent-brand);background:var(--color-bg-base);border:2px solid var(--color-accent-brand);border-radius:0 var(--radius-card) var(--radius-card) var(--radius-card);justify-content:center;align-items:center;position:relative}.brand-learning-folder:before{content:"";background:var(--color-accent-brand);border-radius:var(--radius-input) var(--radius-input) 0 0;width:52%;height:13px;position:absolute;top:-13px;left:-2px}.brand-learning-folder>p:last-child{color:var(--color-fg-muted)}.brand-learning-book{width:90%;height:185px;filter:drop-shadow(0 10px 6px var(--color-border-default));grid-template-columns:1fr 1fr}.brand-learning-page{padding:var(--space-5);background:var(--color-bg-base);border:1px solid var(--color-border-default);justify-content:center}.brand-learning-page-left{border-radius:var(--radius-input) 0 0 var(--radius-input);transform-origin:100%;transform:skewY(-3deg)}.brand-learning-page-right{border-radius:0 var(--radius-input) var(--radius-input) 0;transform-origin:0;transform:skewY(3deg)}.brand-learning-page>p:first-child{color:var(--color-fg-muted)}.brand-learning-book-title{font-size:var(--text-xl);font-weight:var(--fw-semibold);line-height:1.45}.brand-learning-highlight{width:fit-content;font-size:var(--text-xs);border-bottom:3px solid var(--color-accent-brand)}.brand-learning-panel-gardening{column-gap:var(--space-8);grid-column:1/-1;grid-template-columns:.6fr 1.4fr;align-items:center;display:grid}.brand-learning-panel-gardening>.brand-learning-panel-title{align-self:start}.brand-learning-panel-gardening>.brand-learning-scene{grid-area:1/2/3;height:215px;margin-block:0}.brand-learning-panel-gardening>.brand-learning-action{grid-column:1;align-self:start}.brand-learning-panel-gardening>.brand-learning-detail{grid-column:1/-1}.brand-learning-advice{gap:var(--space-6)}.brand-learning-conversation{width:65%}.brand-learning-message{padding:var(--space-4);font-size:var(--text-sm);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);flex-wrap:nowrap;justify-content:space-between}.brand-learning-message-mine{margin-right:var(--space-6);border-bottom-left-radius:0}.brand-learning-message-guide{margin-left:var(--space-6);border-bottom-right-radius:0}.brand-learning-speaker{color:var(--color-fg-muted);font-size:var(--text-xs)}.brand-learning-do{max-width:8rem;font-size:var(--text-sm);text-align:center;align-items:center}.brand-learning-do-arrow{color:var(--color-accent-brand);font-size:var(--text-3xl)}.brand-learning-action{letter-spacing:var(--tracking-tight)}.brand-learning-detail{max-width:48rem;padding-top:var(--space-5)}.brand-learning-detail p{color:var(--color-fg-muted);font-size:var(--text-sm)}.brand-learning-bottom{justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-8)}@media (width<=767px){.brand-learning-heading{align-items:flex-start}.brand-learning-grid{grid-template-columns:1fr}.brand-learning-panel{padding:var(--space-6)}.brand-learning-scene{height:210px;margin-block:var(--space-5)}.brand-learning-workspace,.brand-learning-book{width:100%}.brand-learning-tools{padding-inline:var(--space-3)}.brand-learning-tool-shape{width:48px;height:56px}.brand-learning-step-circle{width:60px;height:60px}.brand-learning-arrow{padding-top:var(--space-3)}.brand-learning-transfer{gap:var(--space-3)}.brand-learning-files{width:105px;height:150px}.brand-learning-file{width:80px;height:125px;padding:var(--space-3)}.brand-learning-file-back strong{font-size:var(--text-xs)}.brand-learning-folder{width:100px;min-height:100px}.brand-learning-transfer-arrow>p:first-child{font-size:var(--text-xs)}.brand-learning-book{height:170px}.brand-learning-page{padding:var(--space-4)}.brand-learning-book-title{font-size:var(--text-lg)}.brand-learning-panel-gardening{display:block}.brand-learning-panel-gardening>.brand-learning-scene{gap:var(--space-3);height:235px;margin-block:var(--space-5);flex-direction:column}.brand-learning-conversation{width:100%}.brand-learning-do{gap:var(--space-3);flex-direction:row;max-width:none}.brand-learning-do-arrow{font-size:var(--text-xl)}.brand-learning-bottom{align-items:stretch}}
