.learning-search{display:grid;gap:.75rem;max-width:40rem;margin-bottom:1.5rem}.learning-search input{width:100%;padding:1rem;border:1px solid #aaa;border-radius:.5rem;background:var(--surface,#fff);color:inherit}.learning-card{padding:1.5rem;border:1px solid #b8b8b8;border-radius:.75rem}.learning-card h2{font-size:1.3rem;line-height:1.3}.learning-card p{line-height:1.65}.learning-reader{max-width:850px;margin:auto}.learning-reader section{margin-block:3rem}.learning-reader li,.learning-reader p{line-height:1.8}.learning-reader li{margin-bottom:.6rem}.learning-reader img{max-width:100%;height:auto;border-radius:.75rem}.learning-reader figure{margin:2rem 0}.learning-reader figcaption{font-size:.85rem;line-height:1.6}.learning-visual{padding:1.25rem;border:1px solid #aaa;border-radius:.5rem}.learning-quiz fieldset{padding:1.5rem;margin:1rem 0;border:1px solid #aaa}.learning-quiz label{display:flex;gap:.75rem;align-items:baseline;margin:.75rem 0}.learning-quiz button{margin-top:1rem}.learning-progress{padding:1.25rem;border:1px solid #aaa;border-radius:.75rem}.learning-progress progress{width:100%;margin-bottom:1rem}.learning-progress>div{display:flex;gap:.75rem;flex-wrap:wrap}.learning-progress button:disabled{opacity:.5;cursor:default}.learning-reader [id]{scroll-margin-top:7rem}.learning-reader dl>div{margin-block:.75rem}.learning-reader dt{font-weight:300}.learning-reader dd{margin:.25rem 0 0;line-height:1.7}.learning-comparison{display:flex;align-items:center;gap:1.5rem;border:1px solid #aaa;border-radius:.75rem;padding:1.5rem}.learning-comparison>div{flex:1}.learning-comparison>span{font-size:2rem}.learning-story-panel{position:relative;overflow:hidden;aspect-ratio:3/2;max-width:42rem;margin:auto}.learning-story-panel img{position:absolute;width:200%;height:200%;max-width:none;border-radius:0}.learning-process-steps{list-style:none;padding:0;counter-reset:process}.learning-process-steps>li{border:1px solid #aaa;border-radius:.75rem;padding:1.5rem;margin-block:1.5rem}.learning-reader details{border-block-end:1px solid #aaa;padding-block:1rem}.learning-reader summary{cursor:pointer;font-weight:300}@media(max-width:600px){.learning-comparison{flex-direction:column;align-items:stretch}.learning-comparison>span{text-align:center}}.learning-reader p{white-space:pre-line}