body{margin:0}
.lw-page{container-type:inline-size;--d:'Fraunces',Georgia,'Times New Roman',serif}
.lw-page a{color:#3F5B45;text-decoration-thickness:2px;text-underline-offset:4px}
.lw-page a:hover{color:#2C4332;text-decoration-thickness:3px}
.lw-page a:focus-visible,.lw-page summary:focus-visible,.lw-page button:focus-visible{outline:3px solid #27302A;outline-offset:3px;box-shadow:0 0 0 3px #E3C58C}
.lw-wrap{max-width:1280px;margin:0 auto;box-sizing:border-box;padding-inline:20px;padding-inline:clamp(20px,5cqi,48px)}
.lw-top{background:#EEF0E4;padding-block:28px;padding-block:clamp(28px,3cqi,44px)}
.lw-kicker{margin:0 0 12px;font-size:18px;font-weight:700;color:#3F5B45}
.lw-top h1{margin:0;max-width:22em;font:600 34px/1.1 var(--d);font:600 clamp(34px,4.6cqi,52px)/1.1 var(--d);letter-spacing:-0.02em;text-wrap:balance}
.lw-subnav{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 12px}
.lw-page .lw-pill{display:inline-flex;align-items:center;min-height:48px;box-sizing:border-box;padding:0 20px;border:2px solid #3F5B45;border-radius:999px;background:#fff;font-size:18px;font-weight:700;text-decoration:none}
.lw-page .lw-pill:hover{background:#F7F5EE}
.lw-page .lw-pill[aria-current="page"],.lw-page .lw-pill[aria-current="page"]:hover{background:#3F5B45;color:#fff}
.lw-prose{padding-block:24px 40px;padding-block:clamp(24px,2.5cqi,32px) clamp(40px,4cqi,56px)}
.lw-prose>*{max-width:840px}
.lw-prose>.lw-wide{max-width:none}
.lw-prose h2{margin:56px 0 12px;font:600 27px/1.2 var(--d);font:600 clamp(27px,3cqi,34px)/1.2 var(--d);letter-spacing:-0.01em;text-wrap:balance}
.lw-prose h3{margin:40px 0 8px;font:600 22px/1.25 var(--d);font:600 clamp(22px,2.3cqi,26px)/1.25 var(--d)}
.lw-prose h4{margin:28px 0 8px;font-size:20px;line-height:1.3}
.lw-prose p{margin:14px 0}
.lw-prose ul,.lw-prose ol{margin:14px 0;padding-left:1.4em}
.lw-prose li{margin:10px 0}
.lw-prose li::marker{color:#3F5B45;font-weight:700}
.lw-c{font-weight:600;white-space:nowrap}
.lw-prose .lw-glance{margin:0 0 24px;padding:20px 24px;border-radius:20px;background:#F7F5EE}
.lw-glance b:first-child,.lw-label{display:block;margin-bottom:4px;font-size:18px;font-weight:700;color:#3F5B45}
.lw-prose .lw-note{color:#56605A}
.lw-prose .lw-next{margin:48px 0 0}
.lw-page .lw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;box-sizing:border-box;padding:14px 32px;border:2px solid #B96F4C;border-radius:999px;background:#D98E6A;color:#27302A;font:600 20px/1.25 var(--d);text-align:center;text-decoration:none;cursor:pointer}
.lw-page .lw-btn:hover{background:#E3C58C;color:#27302A}
.lw-toc{margin:0 0 8px;padding:20px 24px;border:1px solid #E2E0D2;border-radius:20px;background:#fff}
.lw-toc ul{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:0 24px}
.lw-prose .lw-toc li{margin:0}
.lw-toc a{display:inline-flex;align-items:center;min-height:44px}
@media (prefers-reduced-motion:reduce){.lw-page *{transition:none !important;animation:none !important;scroll-behavior:auto !important}}
/* ---- buttons ---- */
.lw-page .lw-btn{border-color:#3F5B45;background:#3F5B45;color:#fff;font-family:inherit;font-weight:700}
.lw-page .lw-btn:hover{border-color:#2C4332;background:#2C4332;color:#fff}
.lw-page .lw-btn2{border-color:#3F5B45;background:#fff;color:#3F5B45}
.lw-page .lw-btn2:hover{border-color:#2C4332;background:#F7F5EE;color:#2C4332}
.lw-nw{white-space:nowrap}
/* ---- family tree in "Genetics and inheritance" (moved from the home page) ---- */
.lw-prose .lw-family{margin:24px 0;max-width:640px}
.lw-family svg.lw-tree{display:block;width:100%;height:auto;border-radius:28px;background:#F7F5EE}
.lw-family figcaption{margin:16px 0 0;padding:18px 22px;border-radius:20px;background:#F7F5EE;font-size:18px;line-height:1.65}
.lw-family figcaption p{margin:12px 0 0}
.lw-family figcaption p:first-child{margin-top:0}
.lw-family .lw-star{display:flex;align-items:flex-start;gap:10px}
.lw-family .lw-star svg{flex:none;width:24px;height:24px;margin-top:2px}
.lw-family .lw-star~p{padding-left:34px}

/* ---- names: plant drawing and every spelling (moved from the home page) ---- */
.lw-names{scroll-margin-top:24px}
.lw-names-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;gap:clamp(36px,5cqi,80px);align-items:center}
.lw-names-intro p{margin:16px 0 0;max-width:34em;text-wrap:pretty}
.lw-names-intro .lw-names-lead{margin-top:18px;font-size:21px;font-size:clamp(21px,2cqi,24px);line-height:1.5;color:#27302A}
.lw-names-intro .lw-names-lead b{font-weight:700}
/* the full list of names folds away on the home page */
.lw-fold{margin-top:36px;margin-top:clamp(36px,4cqi,56px);border-radius:20px;background:#FFFFFF}
.lw-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;box-sizing:border-box;padding:12px 24px;border-radius:20px;list-style:none;cursor:pointer;font:600 22px/1.25 var(--d);font:600 clamp(22px,2.3cqi,26px)/1.25 var(--d);color:#27302A}
.lw-fold>summary::-webkit-details-marker{display:none}
.lw-fold>summary::after{content:"";flex:none;width:12px;height:12px;margin:-6px 8px 0 0;border:solid #3F5B45;border-width:0 3px 3px 0;transform:rotate(45deg)}
.lw-fold[open]>summary::after{margin-top:6px;transform:rotate(-135deg)}
.lw-fold>summary:hover{background:#F7F5EE}
.lw-fold>summary span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:#3F5B45}
.lw-fold-body{padding:8px 20px 28px;padding:8px clamp(20px,3cqi,36px) clamp(28px,3cqi,40px)}
.lw-names-history p{margin:16px 0 0;max-width:40em;text-wrap:pretty}
.lw-fold .lw-names-grid{margin-top:32px;margin-top:clamp(32px,4cqi,48px)}
.lw-fold .lw-name{background:#F7F5EE}
.lw-names-art{margin:0;justify-self:center;width:100%;max-width:420px}
.lw-names-art svg{display:block;width:100%;height:auto}
.lw-art-name{font:600 30px/1 'Fraunces',Georgia,serif;fill:#27302A;letter-spacing:-0.01em}
.lw-art-root{font:700 23px/1 'Atkinson Hyperlegible Next','Atkinson Hyperlegible',Verdana,sans-serif;fill:#FFFFFF}
.lw-names-art figcaption{margin-top:6px;font-size:18px;color:#56605A;text-align:center}
.lw-names-grid{margin-top:44px;margin-top:clamp(44px,5cqi,72px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.lw-name{box-sizing:border-box;padding:24px;padding:clamp(24px,3cqi,36px);border-radius:20px;background:#FFFFFF}
.lw-name-main{grid-column:1/-1}
.lw-name-main .lw-name-list{columns:3 250px}
.lw-name h3{margin:0;display:flex;align-items:center;gap:16px}
.lw-name-leaf{flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#EEF0E4}
.lw-name-leaf svg{width:34px;height:34px}
.lw-name-abbr{display:block;font:600 30px/1.05 var(--d);font:600 clamp(30px,3cqi,36px)/1.05 var(--d);letter-spacing:-0.01em;color:#27302A}
.lw-name-full{display:block;margin-top:4px;font-size:19px;font-weight:700;line-height:1.35;color:#3F5B45}
.lw-name-what{margin:18px 0 0;font-size:19px;line-height:1.55}
.lw-name-also{margin:22px 0 6px;font-size:18px;font-weight:700;color:#3F5B45}
.lw-name-list{list-style:none;margin:0;padding:0;columns:2 250px;column-gap:36px}
.lw-name-list li{break-inside:avoid;padding:10px 0;border-top:1px solid #E2E0D2;font-size:18px;line-height:1.45}
.lw-words{margin-top:48px;margin-top:clamp(48px,5cqi,72px)}
.lw-words h3{margin:0;font:600 25px/1.2 var(--d);font:600 clamp(25px,2.6cqi,30px)/1.2 var(--d)}
.lw-words dl{margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:0 40px}
.lw-words dl>div{padding:18px 0 20px;border-top:2px solid #E2E0D2}
.lw-words dt{font:600 22px/1.25 var(--d);color:#27302A}
.lw-words dd{margin:6px 0 0;font-size:18px;line-height:1.55}
.lw-names-more{margin:28px 0 0;max-width:48em;font-size:18px;color:#56605A}
.lw-names-more a{font-weight:700}
@container (max-width:900px){
.lw-names-grid{grid-template-columns:minmax(0,1fr)}
.lw-name-main{grid-column:auto}
}
@container (max-width:759px){
.lw-names-head{grid-template-columns:minmax(0,1fr)}
.lw-names-art{max-width:380px}
}
.lw-prose .lw-names-art{float:right;width:min(44%,340px);margin:4px 0 16px 28px}
.lw-prose .lw-fold{clear:both;margin:24px 0;max-width:none;background:#F7F5EE}
.lw-fold .lw-name{background:#fff}
.lw-prose .lw-name-list{padding:0}
.lw-prose .lw-name-list li{margin:0}
.lw-prose .lw-name h3{font:inherit}
.lw-prose .lw-words h3{margin:0}
@container (max-width:640px){.lw-prose .lw-names-art{float:none;width:100%;max-width:340px;margin:16px auto}}
/* names cards: cards in one row share a height; on 320px phones a little less padding so "Scapuloperoneal" fits */
.lw-names-grid{align-items:stretch}
@container (max-width:360px){.lw-name{padding:20px 16px}}