:root{--ink:#293e31;--muted:#6b7268;--paper:#fbfaf6;--line:#dcded3;--green:#31543f;--serif:'Yu Mincho','Hiragino Mincho ProN',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}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.8}a{color:inherit}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b07831;outline-offset:4px}header{max-width:1320px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:var(--serif);font-size:30px;letter-spacing:.18em;line-height:1.4}.brand span{display:block;font-family:sans-serif;font-size:10px;letter-spacing:.17em;margin-top:7px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}main{max-width:1320px;padding:0 48px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:45px 0 32px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600;color:#687762;margin:0 0 12px}h1{font-family:var(--serif);font-size:42px;line-height:1.5;font-weight:500;letter-spacing:.1em;margin:0}.intro p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:0}.intro-note{border:1px solid #c2c9b5;border-radius:50%;width:195px;height:195px;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(6deg);margin-right:30px;background:#f0f1e7}.intro-note span{font-family:var(--serif);font-size:18px}.intro-note small{font-size:11px;margin-top:10px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:17px}.section-label>span{color:#7b866d;font-size:12px;border:1px solid #bec6b4;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}h2{font-size:20px;font-weight:500;margin:0;font-family:var(--serif)}.section-label p{margin:0;font-size:13px;color:var(--muted)}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mood{padding:0;border:2px solid transparent;border-radius:5px;text-align:left;overflow:hidden;position:relative;height:190px;background:#d8ded0;color:white;isolation:isolate}.mood:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#142b1bcc);z-index:-1}.mood img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2;transition:transform .4s}.mood:hover img{transform:scale(1.05)}.mood span{position:absolute;bottom:19px;left:22px}.mood b{font-family:var(--serif);font-size:23px;font-weight:500;display:block}.mood small{font-size:12px;letter-spacing:.04em}.mood[aria-pressed=true]{outline:3px solid #537648;outline-offset:4px}.mood[aria-pressed=true]:before{content:'✓ 選択中';position:absolute;top:12px;right:12px;background:var(--paper);color:var(--green);padding:3px 10px;border-radius:20px;font-size:12px}.workspace{display:grid;grid-template-columns:250px 1fr;gap:40px;margin:45px 0 55px}.filters{border-top:1px solid var(--line);padding-top:22px}.filters label:not(.check){display:block;font-size:14px;font-weight:600;margin:23px 0 8px}select{width:100%;font-size:13px;background:white;border:1px solid #cbd1c4;border-radius:3px;padding:12px 7px;color:var(--ink)}.filter-note{font-size:12px;line-height:1.7;color:var(--muted)}.check{display:flex;align-items:center;font-size:13px;margin-top:26px;gap:7px}.check input{accent-color:var(--green);width:17px;height:17px}.reset{border:0;background:none;color:var(--muted);text-decoration:underline;font-size:13px;padding:9px 0}.results-head{display:flex;justify-content:space-between;align-items:end}.results-head h2{font-size:25px}.results-head .eyebrow{font-size:10px;margin-bottom:5px}#count{font-size:13px;color:var(--muted)}.selected{font-size:12px;color:#65745d;margin:12px 0 18px;min-height:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.card{min-width:0}.plant-photo{border:0;display:block;padding:0;width:100%;background:#eceee5;border-radius:5px;overflow:hidden;height:230px;position:relative}.plant-photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.plant-photo:hover img{transform:scale(1.04)}.plant-photo span{position:absolute;bottom:10px;left:10px;font-size:11px;background:#fbfaf6ed;border-radius:3px;padding:3px 8px;color:var(--green)}.latin{font-size:10px;font-style:italic;color:var(--muted);margin:11px 0 0}.card h3{font-size:18px;font-family:var(--serif);font-weight:500;line-height:1.5;margin:3px 0 8px}.desc{font-size:12px;color:var(--muted);margin:0 0 10px;min-height:44px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.tags span{font-size:11px;background:#ecefe5;padding:2px 6px;border-radius:2px}.shop{display:block;background:var(--green);border:1px solid var(--green);border-radius:3px;color:white;text-decoration:none;text-align:center;font-size:13px;padding:9px 5px}.shop:hover{background:#213c2c}.details-button{border:0;background:none;color:var(--muted);font-size:12px;width:100%;padding:8px;text-decoration:underline;text-underline-offset:4px}.shop-note{font-size:12px;color:var(--muted);margin-top:25px}.empty{grid-column:1/-1;border:1px solid var(--line);padding:35px;background:#f1f2e9}.empty h3{font-family:var(--serif)}.empty p{font-size:14px}.guide{border-top:1px solid var(--line);padding:35px 0 45px}.guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:25px}.guide article+article{border-left:1px solid var(--line);padding-left:30px}.guide article span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.guide h3{font-family:var(--serif);font-size:18px;font-weight:500}.guide article p{font-size:13px;color:var(--muted)}footer{padding:30px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}footer>.brand{font-size:23px}footer>p{text-align:right;font-size:13px;color:var(--muted)}footer details{grid-column:1/-1;font-size:12px;color:var(--muted)}footer small{font-size:10px;color:var(--muted)}dialog{border:0;border-radius:8px;padding:35px;width:min(650px,calc(100% - 32px));max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#18251c99}#close{position:absolute;right:12px;top:6px;font-size:28px;border:0;background:none;color:var(--ink)}.detail-top{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center}.detail-top img{width:100%;height:210px;object-fit:cover;border-radius:4px}dialog h2{font-size:26px}dialog dl{font-size:14px}dialog dt{font-weight:bold;margin-top:16px}dialog dd{margin:4px 0;color:var(--muted)}.shop-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}dialog .sources{font-size:12px}summary{cursor:pointer}@media(min-width:1400px){.plant-photo{height:260px}}@media(max-width:1000px){header,main{padding-left:28px;padding-right:28px}.workspace{grid-template-columns:220px 1fr;gap:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mood b{font-size:20px}}@media(max-width:650px){header{padding:20px}.brand{font-size:24px}nav{gap:12px;font-size:12px}nav a:last-child{display:none}main{padding:0 20px}.intro{padding:28px 0}h1{font-size:30px}.intro-note{display:none}.intro p:not(.eyebrow){font-size:13px}.section-label{flex-wrap:wrap;gap:8px}.section-label p{width:100%;font-size:12px}.section-label h2{font-size:19px}.mood-grid{gap:9px}.mood{height:160px}.mood span{left:9px;bottom:12px;right:6px}.mood b{font-size:16px;line-height:1.65}.mood small{font-size:10px;display:block;margin-top:6px}.mood[aria-pressed=true]:before{font-size:10px;right:5px;padding:2px 5px}.workspace{display:block;margin-top:30px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding-bottom:25px}.filters .section-label{grid-column:1/-1}.filters label:not(.check){margin:7px 0 0}.filters label[for=light]{grid-column:1;grid-row:2}#light{grid-column:1;grid-row:3}.filters label[for=care]{grid-column:2;grid-row:2}#care{grid-column:2;grid-row:3}.filters label[for=size]{grid-column:1/-1}#size,.filter-note,.check,.reset{grid-column:1/-1}.filter-note{margin:0}.check{margin-top:8px}.reset{text-align:left}.results-head h2{font-size:23px}.cards{gap:23px 13px}.plant-photo{height:200px}.card h3{font-size:17px}.desc{font-size:12px;min-height:65px}.tags span{font-size:10px}.shop{font-size:12px}.guide>div{grid-template-columns:1fr;gap:10px}.guide article+article{border:0;border-top:1px solid var(--line);padding:15px 0 0}.guide h2{font-size:21px}.detail-top{grid-template-columns:110px 1fr;gap:15px}.detail-top img{height:160px}dialog{padding:30px 20px}dialog h2{font-size:22px}.shop-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Comfortable reading sizes for Japanese text. */
.brand span,.eyebrow,.results-head .eyebrow,.latin,.guide article span,footer small{font-size:12px}.intro p:not(.eyebrow),.section-label p,.desc,.guide article p,.shop,.details-button,select,.check,.filters label:not(.check),.reset{font-size:14px}.tags span,.plant-photo span,.mood small{font-size:12px}.desc{min-height:76px}.mood small{line-height:1.6}@media(max-width:650px){.mood small{font-size:12px}.mood b{font-size:16px}.desc{min-height:102px}.shop{font-size:13px}.intro p:not(.eyebrow){font-size:14px}.tags span{font-size:12px}}@media(max-width:370px){.cards{grid-template-columns:1fr}.mood-grid{grid-template-columns:1fr}.mood{height:140px}.desc{min-height:0}}
.card h3 a{text-decoration:none}.details-button{display:block;text-align:center}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding:24px 0;font-size:14px;color:var(--muted)}.article-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:10px 0 40px;border-bottom:1px solid var(--line)}.article-hero h1{font-size:36px;overflow-wrap:anywhere}.article-hero h1 span{display:block;font-size:21px;letter-spacing:.06em;margin-top:10px}.article-lead{font-size:17px;line-height:2}.article-hero figure{margin:0}.article-hero img{display:block;width:100%;height:380px;object-fit:cover;border-radius:5px}.article-hero figcaption{font-size:12px;color:var(--muted);margin-top:8px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 230px;gap:65px;align-items:start;padding:20px 0 50px}.article-body{line-height:2}.article-body section{padding:26px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.article-body h2{font-size:25px;line-height:1.6}.article-body h3{font-size:18px;font-weight:500}.article-body p{font-size:16px}.article-index{position:sticky;top:25px;padding:18px 0;border-top:1px solid var(--line);margin-top:26px}.article-index p{font-family:var(--serif);margin-top:0}.article-index a{display:block;font-size:14px;margin:12px 0;text-underline-offset:4px}.related-link{display:block;border:1px solid #cbd1c4;padding:15px 20px;border-radius:4px;text-decoration:none;background:#f0f2e9}.purchase{background:#eff1e8;padding:25px!important;margin-top:25px;border-radius:5px}.purchase .shop{font-size:15px}.article-body .shop-note,.article-sources p{font-size:14px}.policy{max-width:800px;margin:30px auto 60px}.policy h1{font-size:32px}.article-body a{text-underline-offset:4px}footer>a:not(.brand){font-size:14px}#finder noscript p{font-size:14px}@media(max-width:850px){.article-layout{grid-template-columns:1fr;gap:0}.article-index{grid-row:1;position:static;display:flex;flex-wrap:wrap;gap:10px 18px}.article-index p{width:100%;margin-bottom:0}.article-index a{margin:0}.article-hero{gap:25px}.article-hero img{height:310px}.article-hero h1{font-size:28px}}@media(max-width:550px){.article-hero{grid-template-columns:1fr;gap:16px}.article-hero figure{max-width:100%}.article-hero img{height:300px;object-position:center 40%}.article-hero h1{font-size:29px}.article-lead{font-size:16px}.article-body h2{font-size:23px}.purchase{padding:20px!important}.policy h1{font-size:27px}}
/* Audit fixes: readable copy, clearer results access, and flexible cards. */
.intro{padding-top:26px;padding-bottom:22px}.intro h1{font-size:36px;line-height:1.45}.intro-note{width:160px;height:160px}.intro-note span{font-size:16px}.results-jump{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-size:15px;text-underline-offset:5px}.workspace{margin-top:26px}.card{display:flex;flex-direction:column}.card .desc{font-size:16px;min-height:0;flex:1}.card .tags{margin-top:8px}.guide article p{font-size:16px}.mood{min-height:190px;height:auto;aspect-ratio:1.9}.mood span{position:relative;display:block;left:auto;bottom:auto;margin:92px 18px 16px}.mood[aria-pressed=true]:before{z-index:2}.intro-note small{font-size:12px}select{min-height:44px}.reset,.details-button{min-height:44px}.article-hero>div,.article-body,.results{min-width:0}.article-body,.card{overflow-wrap:anywhere}@media(max-width:650px){.intro h1{font-size:30px}.mood{min-height:170px;aspect-ratio:auto}.mood span{margin:45px 7px 10px}.mood b{font-size:16px}.mood small{font-size:12px}.card .shop{font-size:14px}.results-jump{margin-top:12px}.workspace{margin-top:20px}.filters select{grid-column:1/-1!important;grid-row:auto!important}.filters label:not(.check){grid-column:1/-1!important;grid-row:auto!important}.filters{display:flex;flex-direction:column;gap:7px}.check{min-height:44px}}@media(max-width:370px){.mood span{margin:55px 14px 14px}.mood{min-height:145px}}