:root{--paper:#f8f4e9;--ink:#272a24;--muted:#696c62;--line:#cccdbf;--mono:'Courier New',Courier,monospace;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.95}a{color:inherit;text-underline-offset:6px}a:focus-visible,summary:focus-visible{outline:2px solid #626c58;outline-offset:6px}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h2{font-family:var(--serif)}small{font-size:.8rem}.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.11em;color:var(--muted)}.logo{display:block;width:100%;height:auto;aspect-ratio:680/210}.skip{position:absolute;top:-80px;left:20px;background:var(--paper);padding:10px;z-index:10}.skip:focus{top:10px}.home{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:860px;padding:60px 64px 70px;gap:64px}.home-intro{padding:28px 0 0;display:flex;flex-direction:column;align-items:center}.home h1{width:100%;max-width:540px;margin:50px 0 28px}.tagline{font-family:var(--serif);font-size:1.2rem;letter-spacing:.15em;text-align:center}.mobile-break{display:none}.home-nav{margin:52px 0 35px;width:100%;max-width:390px}.home-nav a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0;transition:padding .2s}.home-nav a:hover{padding-left:8px}.home-nav span{font-family:var(--mono);font-size:1.18rem;letter-spacing:.025em}.home-nav small{font-size:.75rem;color:var(--muted)}.home-note{font-family:var(--serif);font-size:.9rem;margin-top:auto;color:var(--muted)}.home-photos{position:relative;padding:0 0 90px}.blue-photo{width:91%;margin-left:auto}.blue-photo img{height:575px;object-fit:cover;object-position:52% center}.blue-photo figcaption{font-family:var(--mono);font-size:.75rem;display:flex;justify-content:space-between;padding-top:12px;gap:12px}.silver-photo{position:absolute;width:48%;bottom:0;left:-18px;border:9px solid var(--paper);background:var(--paper)}.silver-photo img{aspect-ratio:1;object-fit:cover}.silver-photo figcaption{font: .75rem var(--mono);padding-top:8px}.home-bottom{max-width:1150px;margin:0 auto;padding:65px 0 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:25px}.home-bottom>p:nth-child(2){font-family:var(--serif);font-size:1.15rem}.text-link{font-size:.875rem;justify-self:end;display:inline-block}footer{padding:28px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:.75rem}footer a{font-family:var(--mono);text-decoration:none;font-size:.875rem}header{max-width:1320px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{width:235px;display:block}.menu{position:relative}.menu summary{cursor:pointer;font-family:var(--mono);font-size:.9rem;letter-spacing:.1em;padding:10px}.menu nav{position:absolute;right:0;top:52px;width:330px;padding:20px 26px;background:var(--paper);border:1px solid var(--line);z-index:4;box-shadow:0 15px 25px #272a2412}.menu nav a{display:flex;justify-content:space-between;gap:14px;padding:12px 0;text-decoration:none;font-family:var(--mono);font-size:.85rem;border-bottom:1px solid var(--line)}.menu nav small{font-family:sans-serif;font-size:.75rem}.page-heading{max-width:1120px;margin:0 auto;padding:65px 0 40px;border-bottom:1px solid var(--line)}.page-heading h1{font:clamp(1.8rem,4.5vw,3.6rem)/1.3 var(--mono);letter-spacing:.045em;margin:15px 0 10px;overflow-wrap:anywhere}.page-heading>p:last-child{font-family:var(--serif);font-size:1.1rem}.prose{max-width:760px;margin:0 auto;padding:50px 0 90px}.prose h2{font-size:1.55rem;line-height:1.65;margin:55px 0 22px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 22px;line-height:2.15}.prose .lead{font-family:var(--serif);font-size:1.5rem;line-height:1.9}.related{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-family:var(--mono)}.guide-topics{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.guide-topics section{border-top:1px solid var(--line);padding-top:20px}.guide-topics h3{font-family:var(--serif);font-size:1.2rem;margin:8px 0 14px}.guide-topics p{font-size:.95rem}.record-table{display:grid;grid-template-columns:170px 1fr;font-size:.9rem;margin:30px 0}.record-table dt,.record-table dd{margin:0;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.record-table dt{font-family:var(--mono);font-size:.8rem}.note{font-size:.875rem;color:var(--muted)}.section-intro{max-width:1120px;margin:35px auto;font-family:var(--serif)}.section-intro .note{margin-top:12px;font-family:sans-serif}.plant-grid{max-width:1120px;margin:0 auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:44px}.plant-card{text-decoration:none}.plant-card img{aspect-ratio:1.2;object-fit:cover;transition:filter .3s}.plant-card:hover img{filter:brightness(1.12)}.plant-card>div{padding:22px 0;border-bottom:1px solid var(--line)}.plant-card h2{font-size:1.35rem;margin:4px 0}.plant-card>div>p:last-child{font:.8rem var(--mono);color:var(--muted);margin-top:10px}.record-layout{max-width:1120px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;margin:50px auto 90px}.specimen{aspect-ratio:1;object-fit:cover;position:sticky;top:30px}.plant-name{font-size:2rem;line-height:1.5;margin:12px 0 28px}.record-layout article>p{margin-bottom:22px}.coming{max-width:760px;margin:0 auto;min-height:460px;padding:80px 0 100px;text-align:center}.coming h2{font-size:1.7rem;margin:20px 0}.coming p{margin:0 0 30px}
@media(min-width:1500px){.home{padding-top:90px}.blue-photo img{height:640px}}@media(max-width:1000px){.home{padding:38px 32px 60px;gap:35px;min-height:760px}.home h1{margin-top:45px}.home-nav span{font-size:1rem}.home-nav small{display:none}.blue-photo img{height:530px}.blue-photo figcaption span:last-child{display:none}.home-bottom,.page-heading,.section-intro,.plant-grid,.record-layout{margin-left:6%;margin-right:6%}.prose{margin-left:8%;margin-right:8%}.record-layout{gap:30px}.home-bottom{grid-template-columns:1fr 2fr}.home-bottom a{grid-column:2;justify-self:start}.record-table{grid-template-columns:135px 1fr}footer>span{display:none}}@media(max-width:640px){.home{display:flex;flex-direction:column;padding:32px 25px 50px;gap:42px}.home-intro{padding:0}.home-intro>.eyebrow{font-size:.68rem;letter-spacing:.09em}.home h1{max-width:420px;margin:35px 0 20px}.tagline{font-size:1rem;letter-spacing:.1em}.home-nav{margin:32px 0 28px;max-width:420px}.home-nav span{font-size:1rem}.home-nav small{display:block;font-size:.68rem}.home-nav a{padding:12px 0}.home-note{font-size:.8rem}.home-photos{width:100%;padding-bottom:70px}.blue-photo{width:86%}.blue-photo img{height:350px}.silver-photo{left:0;width:44%;border-width:6px}.home-bottom{display:block;padding:35px 0 45px}.home-bottom>p:nth-child(2){font-size:1rem;margin:16px 0}.home-bottom a{margin-top:12px}header{padding:20px 6%}.brand{width:185px}.menu nav{right:-8px;width:min(330px,88vw)}.page-heading{padding:40px 0 25px}.page-heading h1{font-size:1.8rem}.page-heading>p:last-child{font-size:1rem}.prose{padding-top:35px;margin-left:7%;margin-right:7%}.prose h2{font-size:1.3rem;margin-top:40px}.prose p{line-height:2.05}.guide-topics{grid-template-columns:1fr;gap:16px}.plant-grid{grid-template-columns:1fr;gap:32px}.plant-card h2{font-size:1.25rem}.record-layout{grid-template-columns:1fr;margin-top:30px}.specimen{position:static}.plant-name{font-size:1.75rem}.record-table{grid-template-columns:140px 1fr}.coming{padding:60px 7% 80px;min-height:430px}.coming h2{font-size:1.4rem}footer{flex-direction:column;align-items:flex-start;gap:8px;padding:24px 7%}.related{flex-wrap:wrap;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Paper sampled from the supplied logo reference: RGB 248, 244, 233.
   The SVG ink filter removes the paper rectangle without redrawing the mark. */
.home-page .landing-intro{padding:64px 24px 0;text-align:center}
.home-page .landing-intro h1{width:min(460px,100%);margin:0 auto}
.home-brand{display:block;text-decoration:none}
.landing-tagline{margin:28px 0 0;font-family:var(--serif);font-size:clamp(.9rem,2.4vw,1.25rem);letter-spacing:.1em;line-height:1.8}
.key-visual{width:100%;max-width:none;margin:0}
.key-visual img{display:block;width:100%;height:auto;max-width:100%}
.landing-nav{display:flex;flex-direction:column;align-items:center;gap:25px;padding:66px 24px 68px}
.landing-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;max-width:100%;padding:4px 8px;font-family:var(--mono);font-size:clamp(1.12rem,2.4vw,1.45rem);letter-spacing:.065em;line-height:1.45;text-align:center;text-decoration:none}
.landing-nav a:hover>span{color:var(--muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.landing-nav .nav-ja{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.035em;line-height:1.7;color:#7a7c73}
.landing-nav .nav-status{font-size:.65rem;letter-spacing:.07em;line-height:1.4;color:var(--muted)}
.landing-footer{display:flex;justify-content:center;align-items:center;border:0;padding:30px 24px 34px;font-family:var(--mono);text-align:center}
.landing-footer small{font-size:.72rem;letter-spacing:.015em}
@media(max-width:640px){
 .home-page .landing-intro{padding:42px 28px 0}
 .home-page .landing-intro h1{max-width:390px}
 .landing-tagline{margin-top:22px;letter-spacing:.04em}
 .landing-nav{gap:19px;padding:42px 20px 48px}
 .landing-footer{align-items:center;padding-bottom:28px}
}

/* Individual records: English labels with a Japanese second line. */
.record-sheet{width:calc(100% - 64px);max-width:820px;margin:0 auto;padding:60px 0 76px}
.record-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.record-heading h1{font:clamp(1.35rem,3vw,1.8rem)/1.35 var(--mono);letter-spacing:.045em}
.heading-ja{display:block;margin-top:10px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:.85rem;font-weight:400;letter-spacing:.035em;color:var(--muted);line-height:1.7}
.record-code{font:clamp(1.4rem,3vw,1.8rem)/1.35 var(--mono);letter-spacing:.015em;overflow-wrap:anywhere}
.record-intro{padding:34px 0 36px;font-size:.95rem;line-height:2.1}
.record-intro p+p{margin-top:20px}
.record-intro .record-guide{margin-top:26px;font-size:.875rem}
.record-guide a{font-family:var(--mono);letter-spacing:.03em;white-space:nowrap}
.record-fields{margin:0;border-top:1px solid var(--line)}
.record-field{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;padding:23px 0;border-bottom:1px solid var(--line)}
.record-field dt,.record-field dd{margin:0;min-width:0}
.field-en{display:block;font: .875rem/1.5 var(--mono);letter-spacing:.035em}
.field-ja{display:block;margin-top:5px;font-size:.75rem;line-height:1.7;color:var(--muted);font-weight:400}
.record-field dd{font-size:.95rem;line-height:1.95;overflow-wrap:anywhere}
.record-empty{color:var(--muted);font-size:.85rem}
.plant-background{margin-top:68px}
.plant-background h2{font:clamp(1.2rem,3vw,1.55rem)/1.5 var(--mono);letter-spacing:.045em}
.record-description{margin:25px 0 30px;font-size:.95rem;line-height:2.1}
.record-home{margin-top:52px;padding-top:25px;font-size:.85rem}
.record-home a{display:inline-block;padding:8px 0}
.record-lookup{min-height:65vh}
.record-lookup .record-intro{max-width:700px}
.record-lookup form{max-width:620px}
.code-entry{display:flex;gap:12px;margin-top:15px}
.code-input{display:flex;flex:1;min-width:0;align-items:stretch}
.code-prefix{display:flex;align-items:center;flex:none;padding:14px 13px;border:1px solid var(--line);border-right:0;font:1.1rem/1.5 var(--mono);background:#e9e8de;letter-spacing:.025em}
.code-entry input{width:100%;min-width:0;flex:1;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:14px 16px;font:1.1rem/1.5 var(--mono);letter-spacing:.025em}
.code-entry input::placeholder{color:var(--muted);opacity:.7}
.code-entry button{flex:none;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);padding:14px 22px;font:inherit;font-size:.875rem;cursor:pointer}
.code-entry input:focus-visible,.code-entry button:focus-visible{outline:2px solid #626c58;outline-offset:4px}
.code-entry button:hover{background:#41463c}
.code-entry input[aria-invalid=true]{border-color:#8b4536}
.lookup-message{min-height:1.8em;margin-top:12px;font-size:.85rem;line-height:1.8;color:#8b4536}
@media(max-width:640px){
 .record-sheet{width:calc(100% - 44px);padding-top:34px;padding-bottom:48px}
 .record-heading{flex-direction:column;gap:22px;padding-bottom:26px}
 .record-intro{padding:27px 0 30px;font-size:.9rem;line-height:2.05}
 .record-field{grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 0}
 .record-field dd{font-size:.925rem}
 .field-en{font-size:.825rem}
 .field-ja{margin-top:3px}
 .plant-background{margin-top:48px}
 .record-description{font-size:.9rem;margin:22px 0 26px;line-height:2.05}
 .record-home{margin-top:35px;font-size:.8rem}
 .code-entry{flex-direction:column;gap:10px}
 .code-entry button{padding:12px 20px;min-height:48px}
.record-page footer{align-items:center;text-align:center}
}

/* Plant Record introduction, sharing the individual record's paper and type. */
.record-explainer{font-size:.95rem;line-height:2.1}
.record-purpose{padding:40px 0 44px}
.record-purpose h2{margin-bottom:23px;font-size:clamp(1.4rem,3.5vw,1.8rem);line-height:1.6;letter-spacing:.045em}
.record-explanation{padding-top:35px;border-top:1px solid var(--line)}
.record-explanation+.record-explanation{margin-top:45px}
.record-explanation h2{margin-bottom:24px;font-size:1.3rem;line-height:1.65}
.record-explanation p+p{margin-top:20px}
.code-example{padding:1px 0 1px 17px;border-left:2px solid var(--line)}
.code-example span{font-family:var(--mono);letter-spacing:.025em}
.record-content-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;margin:34px 0}
.record-content-groups section{padding-top:21px;border-top:1px solid var(--line)}
.record-content-groups h3{font:1rem/1.5 var(--mono);letter-spacing:.04em}
.record-content-groups ul{margin:20px 0 0;padding-left:1.2em;font-size:.9rem;line-height:1.95}
.record-content-groups li{padding-left:3px;margin:7px 0;overflow-wrap:anywhere}
.record-content-groups li::marker{color:var(--muted);font-size:.75em}
.record-information-policy{margin-top:34px}
.record-find form{margin-top:29px}
.record-find label{font-size:.9rem}
.record-find .lookup-message{margin-top:12px}
.record-about-link{margin-top:20px}
.record-section-en{display:block;margin-top:8px;font:.85rem/1.6 var(--mono);letter-spacing:.045em;color:var(--muted)}
.record-genus-directory{margin-top:28px}
.record-genus-name{display:block;font:1.15rem/1.6 var(--mono);letter-spacing:.035em}
.record-genus-ja{display:block;margin-top:5px;font-size:.85rem;line-height:1.7;color:var(--muted)}
.record-heading+.record-explanation{border-top:0}
@media(max-width:640px){
 .record-explainer{font-size:.9rem;line-height:2.05}
 .record-purpose{padding:30px 0 34px}
 .record-purpose h2{margin-bottom:21px}
 .record-explanation{padding-top:28px}
 .record-explanation+.record-explanation{margin-top:35px}
 .record-explanation h2{margin-bottom:20px;font-size:1.15rem}
 .record-content-groups{grid-template-columns:minmax(0,1fr);gap:28px;margin:28px 0}
 .record-content-groups ul{font-size:.875rem;margin-top:16px}
 .record-content-groups h3{font-size:.925rem}
}

/* Grow Guide: the same paper, typography and reading width as Plant Record. */
.guide-sheet{font-size:.95rem;line-height:2.1}
.about-intro-photo{margin:30px 0 0}
.about-intro-photo img{display:block;width:100%;height:auto}
.about-future{margin-top:clamp(280px,50vh,480px);margin-top:clamp(280px,50svh,480px)}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;margin:0 0 27px;font-size:.75rem;line-height:1.8;color:var(--muted)}
.guide-breadcrumb a{font-family:var(--mono);letter-spacing:.035em}
.guide-heading-japanese h1{font-family:var(--serif);font-size:clamp(1.4rem,3.7vw,1.9rem);line-height:1.65;letter-spacing:.035em}
.guide-intro{padding:35px 0 0}
.guide-copy p+p{margin-top:21px}
.guide-copy .guide-lead{font-family:var(--serif);font-size:1.35rem;line-height:1.8;margin-bottom:25px}
.guide-section{margin-top:43px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:24px}
.guide-copy>.guide-section:first-child{margin-top:0;padding-top:35px;border-top:0}
.guide-section h2{font-family:var(--serif);font-size:1.3rem;line-height:1.7;letter-spacing:.02em;margin-bottom:24px}
.guide-copy ul{padding-left:1.3em;margin:25px 0;line-height:2}
.guide-copy li{padding-left:4px;margin:9px 0;overflow-wrap:anywhere}
.guide-copy li::marker{color:var(--muted);font-size:.8em}
.guide-link{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;min-height:56px;line-height:1.7;text-decoration:none;border-bottom:1px solid var(--line)}
.guide-link:hover>span:first-child{text-decoration:underline;text-underline-offset:6px}
.guide-link small{display:block;margin-top:5px;color:var(--muted);font-size:.8rem;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;letter-spacing:0}
.guide-arrow{flex:none;color:var(--muted);font-family:var(--mono)}
.guide-about-link{margin-top:30px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.95rem;letter-spacing:.035em}
.guide-copy .guide-note{font-size:.85rem;color:var(--muted);line-height:1.95;padding-left:17px;border-left:2px solid var(--line);margin-top:26px}
.guide-start-link{margin-top:35px;padding:30px 0;border-top:1px solid var(--line);font-family:var(--mono);font-size:clamp(2rem,4vw,2.4rem);font-weight:700;letter-spacing:.045em}
.guide-start-link small{font-weight:700}
.guide-directory{margin-top:-8px}
.guide-directory .guide-link:last-child{border-bottom:0}
.guide-related{margin-top:52px;border-top:1px solid var(--line);font-size:.875rem}
.guide-contents{margin-top:34px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem}
.guide-contents summary{cursor:pointer;padding:3px 0;line-height:1.8}
.guide-contents ol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 42px;margin:17px 0 0;padding-left:1.6em}
.guide-contents li{padding-left:2px;margin:1px 0}
.guide-contents li::marker{font-family:var(--mono);font-size:.8rem}
.guide-contents a{display:block;padding:7px 0;line-height:1.75;text-decoration:none}
.guide-contents a:hover{text-decoration:underline}
.guide-copy .guide-first-steps{list-style:none;padding:0;margin:29px 0;counter-reset:step}
.guide-first-steps li{counter-increment:step;display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;margin:0;padding:20px 0;border-top:1px solid var(--line)}
.guide-first-steps li:last-child{border-bottom:1px solid var(--line)}
.guide-first-steps li::before{content:counter(step,decimal-leading-zero);font: .9rem/2 var(--mono);color:var(--muted);padding-top:1px}
.guide-sheet .record-home{padding-top:0}
@media(max-width:640px){
 .guide-sheet{font-size:.9rem;line-height:2.05}
 .guide-breadcrumb{margin-bottom:23px;font-size:.7rem}
 .guide-intro{padding-top:28px}
 .guide-copy .guide-lead{font-size:1.2rem;margin-bottom:22px}
 .guide-copy p+p{margin-top:19px}
 .guide-section{margin-top:35px;padding-top:27px}
 .guide-copy>.guide-section:first-child{padding-top:29px}
 .guide-section h2{font-size:1.15rem;margin-bottom:20px}
 .guide-link{padding:17px 0;gap:16px}
 .guide-start-link{padding:27px 0;font-size:2rem}
 .guide-contents{margin-top:28px;font-size:.825rem}
 .guide-contents ol{grid-template-columns:minmax(0,1fr);gap:0}
 .guide-contents a{padding:9px 0;min-height:40px}
 .guide-related{margin-top:40px}
 .guide-copy .guide-note{font-size:.8rem}
 .guide-first-steps li{gap:12px;grid-template-columns:25px minmax(0,1fr)}
}

/* Individual Plant Record: plant name first, followed by its identifying codes. */
.record-identity{display:block;padding-bottom:34px}
.record-page-label{margin:0 0 27px;font:.85rem/1.6 var(--mono);letter-spacing:.055em}
.record-page-label .heading-ja{margin-top:4px;font-size:.72rem}
.record-identity .record-plant-name,.record-identity .record-identifiers{font:700 clamp(1.5rem,4.2vw,2.1rem)/1.5 var(--mono);letter-spacing:.015em;color:var(--ink);overflow-wrap:anywhere}
.record-identifiers{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-top:13px}
.record-reading{margin-top:13px;font-size:.875rem;font-weight:400;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.record-identifiers>span{min-width:0;max-width:100%}
.record-accession{white-space:nowrap}
.record-section{margin-top:44px}
.record-photo{margin:34px 0 0}
.record-photo img{display:block;width:100%;height:auto}
.record-photo[hidden]{display:none}
.record-section+.record-section{margin-top:60px}
.record-section h2{margin:0 0 24px;font:clamp(1.15rem,3vw,1.45rem)/1.5 var(--mono);letter-spacing:.04em}
.record-care-link{margin-top:38px;font-size:.875rem;line-height:1.9}
.record-care-link a{font-weight:700}
.record-code-explanation{margin-top:34px;padding:29px 0;border-top:1px solid var(--line)}
@media(max-width:640px){
 .record-identity{padding-bottom:27px}
 .record-page-label{margin-bottom:23px;font-size:.8rem}
 .record-identifiers{gap:4px 14px;margin-top:11px}
 .record-section{margin-top:34px}
 .record-photo{margin-top:27px}
 .record-section+.record-section{margin-top:45px}
 .record-section h2{margin-bottom:20px}
 .record-care-link{margin-top:30px;font-size:.825rem}
 .record-code-explanation{margin-top:27px;padding:25px 0}
}

/* Guide directory: three reading paths in the established paper layout. */
.guide-hub{margin-top:12px}
.guide-card-link{display:block;color:inherit;text-decoration:none}
.guide-card-link:hover h2,.guide-card-link:focus-visible h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.guide-card-link:hover .guide-link>span:first-child,.guide-card-link:focus-visible .guide-link>span:first-child{text-decoration:underline;text-underline-offset:6px}
.guide-hub .guide-hub-section{padding:0}
.guide-hub-section>.guide-card-link{padding:29px 0 31px}
.guide-hub-section{padding:29px 0 31px;border-top:1px solid var(--line)}
.guide-hub-section h2{font-family:var(--serif);font-size:1.15rem;line-height:1.7;letter-spacing:.02em}
.guide-hub-link{border:0;padding:12px 0 10px;font-family:var(--mono);font-size:clamp(1.25rem,3.8vw,1.55rem);letter-spacing:.035em;overflow-wrap:anywhere}
.guide-hub-link>span:first-child{min-width:0}
.guide-hub-section p{font-size:.9rem;line-height:2}
@media(max-width:640px){
 .guide-hub{margin-top:6px}
 .guide-hub-section>.guide-card-link{padding:24px 0 26px}
 .guide-hub-section{padding:24px 0 26px}
 .guide-hub-section h2{font-size:1.05rem}
 .guide-hub-section p{font-size:.875rem}
}

/* Plant Guide: genus introductions with the site's bilingual headings. */
.plant-guide-directory .guide-section h2{font-family:var(--mono);font-size:clamp(1.25rem,3.8vw,1.55rem);line-height:1.5;letter-spacing:.045em}
.plant-guide-directory .heading-ja{margin-top:7px}
.plant-guide-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 26px}
.plant-guide-link{margin-top:10px;padding:16px 0 0;border-bottom:0;font-size:.875rem}
@media(max-width:640px){
 .plant-guide-link{font-size:.825rem}
}

/* Numbered Plant Guide chapters and an always-open initial contents list. */
.record-index-heading{display:block}
.record-index-heading .record-page-label{margin-bottom:19px;color:var(--muted);font-size:.75rem}
.record-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;list-style:none;padding:0;margin:34px 0 0}
.record-card-grid li{min-width:0}
.record-card{display:block;text-decoration:none}
.record-card-photo{display:grid;place-items:center;aspect-ratio:1;background:#e9e8de;overflow:hidden}
.record-card-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.record-card-photo img[hidden],.record-card-photo-unavailable[hidden]{display:none}
.record-card-photo-unavailable{padding:16px;color:var(--muted);font-size:.75rem;text-align:center}
.record-card-name{display:block;margin-top:13px;font: .9rem/1.7 var(--mono);overflow-wrap:anywhere}
.record-card:hover .record-card-name,.record-card:focus-visible .record-card-name{text-decoration:underline;text-underline-offset:4px}
.record-index-empty{margin-top:34px;color:var(--muted)}
@media(max-width:640px){
 .record-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;margin-top:27px}
 .record-card-name{font-size:.8rem;margin-top:10px}
 .record-index-heading .record-page-label{font-size:.7rem;margin-bottom:15px}
}

.plant-guide-contents ol{grid-template-columns:minmax(0,1fr);list-style-type:decimal-leading-zero}
.plant-guide-section-title{display:flex;align-items:baseline;gap:14px}
.guide-section-number{flex:none;font: .875rem/1.7 var(--mono);letter-spacing:.035em;color:var(--muted)}

/* Full-width photographs precede the return-home link. */
.record-home-after-photo{margin:0 auto;padding:28px 0 36px}