/* Shared presentation for public pages, student area and management. */
:root{--radius:20px;--bg:#f7f8f4;--line:#dce2d9}
body{line-height:1.6}.main{padding-top:36px;padding-bottom:48px;min-width:0}.main>h1{margin-bottom:18px;max-width:28ch;font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.035em}.main>p{max-width:78ch;color:var(--muted)}.heading{gap:24px;margin-bottom:32px}.heading p{max-width:72ch}.panel{padding:28px;border-color:var(--line);box-shadow:0 8px 26px #17352305}.panel+.panel{margin-top:24px}.panel h2:not(:first-child){margin-top:28px}.panel p:last-child{margin-bottom:0}.two{gap:28px;align-items:start}.two>*{min-width:0}.grid{gap:24px}.course{overflow:hidden;display:flex;flex-direction:column}.course-body{display:flex;flex-direction:column;flex:1;padding:24px}.course-foot{margin-top:auto;padding-top:20px;gap:14px;flex-wrap:wrap}.course-desc{line-height:1.7}.course .course-cover,.enrollment-panel .course-cover{aspect-ratio:16/9;height:auto;object-fit:cover}.course .course-cover{border-radius:0}.course h2{font-size:1.25rem}.tag{border-radius:50px;padding:5px 12px;font-weight:650}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;padding:12px 20px}.toolbar{align-items:center}.public-menu a:not(.btn){padding:10px 2px}.topbar{box-shadow:0 2px 12px #17352304}.sidebar .nav a{margin-bottom:3px}.nav summary{color:var(--muted)}.edit-form{padding:30px;max-width:980px}.edit-form>p{margin-bottom:24px}.edit-form input:not([type=checkbox]):not([type=radio]),.edit-form select,.edit-form textarea{min-height:46px;border-color:#9ba99d;border-radius:10px;background:#fff}.edit-form textarea{min-height:140px;line-height:1.7;resize:vertical}.helptext{display:block;line-height:1.6;max-width:76ch}.edit-form input[type=file]{padding:10px}.edit-form input::file-selector-button{padding:8px 12px;border:1px solid #a5b0a5;border-radius:6px;background:#eef3eb;color:#183e27;margin-right:10px;cursor:pointer}.edit-form>button{margin-top:12px}.row{padding-top:16px;padding-bottom:16px;gap:16px}.stat{border:1px solid var(--line);box-shadow:none}.notice{border-left:4px solid #418455;padding:18px 20px;border-radius:10px}.empty{padding:42px 24px}.steps{border:1px solid var(--line);background:#eff3e8}.steps [aria-current]{background:#fff;border-radius:8px;color:#174e2e}.panel details{border-bottom:1px solid var(--line)}.panel summary{padding:18px 0;line-height:1.6}.panel details[open]{padding-bottom:16px}.panel details .row{padding-left:16px}.site-footer{border-top-color:#cbd4c7}.site-footer nav a{text-underline-offset:4px}.course-heading{padding:30px;background:#edf3e8;border-radius:20px;border:1px solid #d4e1cd}.course-heading h1{max-width:26ch}.course-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.enrollment-panel{border-top:5px solid #145c32}.enrollment-panel>.btn,.enrollment-panel form>.btn{width:100%;margin-top:14px}.enrollment-panel .notice{font-size:.9rem;margin-top:22px}.teacher-photo{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #edf3e8;margin:4px 0 18px}.frame-center{object-position:center}.frame-top{object-position:top}.frame-bottom{object-position:bottom}.frame-left{object-position:left}.frame-right{object-position:right}.image-preview{padding:18px;border:1px solid var(--line);background:#f6f8f2;border-radius:12px;margin:12px 0 24px}.image-preview img{display:block;width:100%;max-width:560px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.image-preview.photo img{aspect-ratio:1;max-width:240px}.image-preview figcaption{font-size:.9rem;margin-top:10px;color:var(--muted)}.contrast .panel,.contrast .course,.contrast .course-heading,.contrast .image-preview{background:white;border-color:#333;box-shadow:none}.contrast .helptext,.contrast .main>p,.contrast figcaption{color:#111}.contrast .tag,.contrast .steps{background:#eee;color:#111}:focus-visible{outline:3px solid #145c32;outline-offset:4px}.lesson-focus .lesson-prose{padding:clamp(20px,4vw,44px)}
@media(max-width:900px){.course-layout{grid-template-columns:1fr}.course-layout .enrollment-panel{grid-row:1}.two{gap:20px}}
@media(max-width:700px){.main{padding:24px 16px 36px}.panel,.edit-form,.course-heading{padding:20px}.heading{margin-bottom:22px}.course-body{padding:20px}.topbar{padding:16px}.public-menu{gap:14px}.course-foot .btn{width:100%}.form-grid{grid-template-columns:1fr}.site-footer{margin-left:16px;margin-right:16px}.edit-form input,.edit-form select,.edit-form textarea{font-size:1rem}.steps{padding:10px}.image-preview{margin-left:0;margin-right:0}.row{overflow-wrap:anywhere}.main>h1{max-width:none}}
@media(prefers-reduced-motion:no-preference){.btn{transition:background-color .15s ease}.course{transition:border-color .15s ease}.course:hover{border-color:#9aae96}}