@import "tailwindcss";

:root{--ink:#24342d;--green:#3f6655;--deep:#27483b;--sage:#dce7dc;--cream:#f4f0e6;--paper:#fbfaf6;--tan:#cba982;--line:#d9d8ce}*{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",Meiryo,sans-serif;letter-spacing:.02em}a{color:inherit;text-decoration:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);border-bottom:1px solid var(--line);background:rgba(251,250,246,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;border-radius:50% 50% 45% 45%;background:var(--deep);color:white;display:grid;place-items:center;font-family:serif;font-size:22px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:-5px;width:14px;height:14px;background:var(--deep);transform:rotate(45deg);border-radius:2px}.brand-mark:before{left:3px}.brand-mark:after{right:3px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-family:serif;font-size:20px;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.24em;color:#728078;margin-top:3px}.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:700}.site-header nav a:hover{color:var(--green)}
.hero{min-height:710px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:86px 5vw 52px max(6vw,calc((100vw - 1400px)/2));position:relative}.eyebrow{font-size:12px;font-weight:700;color:#53635a;margin:0 0 28px;letter-spacing:.12em}.eyebrow span{background:var(--deep);color:white;padding:7px 11px;margin-right:10px;font-size:9px;letter-spacing:.15em}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(46px,5.4vw,80px);line-height:1.25;letter-spacing:.03em;margin:0 0 26px;font-weight:600}.hero h1 span{position:relative;color:var(--deep);z-index:1}.hero h1 span:after{content:"";height:13px;background:#d8c7a8;opacity:.7;position:absolute;left:-4px;right:-4px;bottom:5px;z-index:-1}.lead{font-family:"Yu Mincho",serif;font-size:15px;line-height:2;color:#536059}.hero-actions{display:flex;align-items:center;gap:30px;margin:36px 0 48px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;font-size:13px;font-weight:700;min-width:280px;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--deep);color:white}.text-link{font-size:12px;border-bottom:1px solid #67766e;padding:6px 0}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);padding-top:25px;max-width:660px}.hero-points div{display:flex;gap:12px}.hero-points dt{font-family:serif;color:var(--tan);font-size:18px}.hero-points dd{margin:0;display:flex;flex-direction:column;gap:4px}.hero-points strong{font-size:11px}.hero-points span{font-size:9px;color:#778079}.hero-visual{position:relative;background:#e3eadf;min-height:710px;overflow:hidden}.sun{position:absolute;width:330px;height:330px;border-radius:50%;background:#f3e9ce;right:-70px;top:-65px;opacity:.9}.window{position:absolute;width:56%;height:63%;right:12%;top:12%;border:13px solid #e9e4d6;background:linear-gradient(#d6e2df,#f1ead9);box-shadow:0 15px 40px #80908133}.window:before,.window:after{content:"";position:absolute;background:#e9e4d6;z-index:2}.window:before{width:8px;top:0;bottom:0;left:48%}.window:after{height:8px;left:0;right:0;top:48%}.window i{position:absolute;width:90px;height:65px;background:#afc4b5;border-radius:70% 20% 60% 30%;bottom:12%;left:8%;opacity:.7;transform:rotate(-12deg)}.window i:last-child{left:32%;bottom:5%;transform:rotate(18deg) scale(.75)}.tower-illo{position:absolute;left:10%;bottom:6%;width:57%;height:73%;filter:drop-shadow(18px 20px 14px #50615722)}.tower-illo div{position:absolute;background:#b68e65}.top-bed{width:58%;height:38px;right:0;top:4%;border-radius:7px}.top-bed:before{content:"";position:absolute;left:0;right:0;top:-17px;height:22px;border:8px solid #b68e65;border-bottom:0;border-radius:25px 25px 0 0}.post{width:23px}.post.one{height:28%;right:18%;top:11%}.shelf.middle{width:63%;height:27px;right:4%;top:37%;border-radius:5px}.post.two{height:23%;right:42%;top:41%}.house{width:62%;height:27%;left:3%;top:60%;border-radius:70px 70px 8px 8px;background:#c4a37d!important}.house span{position:absolute;width:47px;height:58px;background:#556b5c;left:calc(50% - 23px);bottom:0;border-radius:26px 26px 0 0}.post.three{height:14%;left:27%;top:85%}.base{height:24px;width:82%;left:3%;bottom:0;border-radius:4px}.cat{position:absolute;width:98px;height:54px;background:#374a40;border-radius:55% 45% 40% 45%;right:20%;bottom:22px}.cat:before,.cat:after{content:"";position:absolute}.cat:before{width:42px;height:42px;border-radius:50%;background:#374a40;right:-11px;top:-15px;box-shadow:10px -14px 0 -9px #374a40,-8px -15px 0 -9px #374a40}.cat:after{width:58px;height:18px;border:8px solid #374a40;border-left:0;border-bottom:0;border-radius:0 30px 0 0;left:-43px;top:8px}.cat i:before,.cat i:after{content:"";position:absolute;width:4px;height:4px;background:#f0d9a9;border-radius:50%;z-index:2;top:-1px}.cat i:before{right:2px}.cat i:after{right:15px}.plant{position:absolute;right:3%;bottom:4%;width:120px;height:145px;background:#d1b793;border-radius:6px 6px 35px 35px}.plant i{position:absolute;width:70px;height:36px;background:#627968;border-radius:100% 5% 100% 5%;top:-40px;left:-20px;transform:rotate(25deg)}.plant i:nth-child(2){left:55px;top:-65px;transform:rotate(150deg)}.plant i:nth-child(3){left:5px;top:-100px;transform:rotate(75deg)}.memo{position:absolute;left:5%;top:8%;background:#fffdf7;padding:20px 22px;width:180px;transform:rotate(-3deg);box-shadow:0 8px 25px #5d695833}.memo:before{content:"";position:absolute;width:45px;height:13px;background:#d1c29aaa;top:-7px;left:67px}.memo span,.memo strong,.memo small{display:block}.memo span{font-size:8px;color:#8d8a7d;letter-spacing:.15em}.memo strong{font-family:serif;font-size:15px;line-height:1.6;margin:8px 0}.memo small{font-size:8px;color:#8b8d86}
.promise{background:var(--deep);color:white;padding:33px max(6vw,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between}.promise p{font-family:serif;font-size:18px;line-height:1.7;margin:0}.promise p strong{color:#e3cfaa}.promise div{display:flex;gap:12px}.promise span{font-size:10px;border:1px solid #668074;padding:9px 14px;border-radius:30px}.section{padding:100px max(6vw,calc((100vw - 1260px)/2))}.section-heading p{font-size:9px;letter-spacing:.22em;color:#9a7d58;font-weight:800;margin:0 0 14px}.section-heading h2{font-family:"Yu Mincho",serif;font-size:clamp(30px,3.2vw,46px);margin:0 0 16px;font-weight:500}.section-heading>span,.section-heading div+span{font-size:13px;color:#748078;line-height:1.8}.measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:55px}.measure-graphic{background:#e9e5d8;min-height:390px;position:relative;padding:45px}.room-corner{position:absolute;inset:40px 70px 45px;border-left:4px solid #9d9d8f;border-bottom:4px solid #9d9d8f}.room-corner:after{content:"";position:absolute;width:40%;right:0;top:0;bottom:0;background:linear-gradient(90deg,#ffffff00,#fff8)}.mini-tower{position:absolute;width:28px;height:250px;left:42%;bottom:0;background:#617265}.mini-tower:before,.mini-tower:after{content:"";position:absolute;background:#617265;height:17px}.mini-tower:before{width:130px;left:-52px;bottom:78px;box-shadow:25px -83px 0 #617265}.mini-tower:after{width:145px;left:-59px;bottom:0}.cat-dot{position:absolute;width:65px;height:38px;border-radius:50%;background:#c1966d;left:51%;bottom:96px}.cat-dot:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;right:-7px;top:-8px;background:#c1966d}.measure{position:absolute;font-size:10px;background:var(--paper);padding:7px 9px;border:1px solid #bcbdb3}.measure.width{bottom:18px;left:35%}.measure.height{right:15px;top:40%}.measure.path{left:15px;top:18px}.check-list{padding:0;margin:0;list-style:none}.check-list li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.check-list li>span{font-family:serif;color:#b08a61;font-size:20px}.check-list strong{font-family:serif;font-size:18px}.check-list p{font-size:12px;line-height:1.8;color:#6e7771;margin:8px 0 0}.compare{background:#f0eee5}.center{text-align:center}.tower-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.tower-card{background:#fbfaf6;padding:24px 28px 30px;position:relative;border:1px solid transparent;transition:.25s}.tower-card:hover{transform:translateY(-4px);border-color:#c6cabf;box-shadow:0 12px 25px #52645912}.card-index{font-family:serif;font-size:14px;color:#b4936d}.tag{float:right;font-size:9px;border:1px solid #b3b9af;padding:5px 8px}.tower-shape{height:190px;margin:20px auto;position:relative;width:150px}.tower-shape i,.tower-shape b{position:absolute;background:#6a806f}.tower-shape i:first-child{width:18px;left:66px;top:20px;bottom:10px}.tower-shape i:nth-child(2){width:105px;height:14px;left:22px;top:48px}.tower-shape i:nth-child(3){width:115px;height:14px;left:17px;top:115px}.tower-shape b{width:145px;height:15px;left:2px;bottom:0}.tower-shape.pole:before{content:"";position:absolute;width:70px;height:22px;border:8px solid #6a806f;border-bottom:0;border-radius:30px 30px 0 0;top:12px;left:40px}.tower-shape.slim{transform:scale(.82)}.tower-shape.slim i:nth-child(2){width:80px;left:44px}.tower-shape.low{transform:scaleY(.65) translateY(45px)}.tower-card h3{font-family:serif;font-size:21px;text-align:center;margin:5px 0 8px}.tower-card>p{text-align:center;font-size:11px;color:#7a837d}.tower-card dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 18px;padding:10px 0}.tower-card dl div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.tower-card dt{color:#869088}.tower-card dd{margin:0;font-weight:700}.tower-card>a{font-size:11px;font-weight:700;display:flex;justify-content:space-between}.coming{text-align:center;font-size:10px;color:#7b837d;margin:28px 0 0}.coming span{background:#cab797;color:white;padding:6px 9px;margin-right:8px}.row{display:flex;align-items:end;justify-content:space-between}.article-list{margin-top:45px;border-top:1px solid var(--line)}.article-item{display:grid;grid-template-columns:55px 110px 1fr 30px;align-items:center;min-height:112px;border-bottom:1px solid var(--line);transition:.2s}.article-item:hover{padding-left:12px;background:#f5f3eb}.article-num{font-family:serif;color:#a58763}.article-tag{font-size:9px;border:1px solid #bac0b7;border-radius:20px;padding:6px;text-align:center;width:85px}.article-copy{display:flex;flex-direction:column;gap:8px}.article-copy strong{font-family:serif;font-size:18px}.article-copy small{color:#818982;font-size:10px}.article-item>b{font-weight:400}.newsletter{margin:0 max(4vw,40px) 75px;padding:48px max(4vw,60px);background:var(--deep);color:white;display:flex;align-items:center;justify-content:space-between}.newsletter p{font-size:8px;letter-spacing:.2em;color:#d6bd93}.newsletter h2{font-family:serif;font-weight:400;margin:10px 0;font-size:27px}.newsletter span{font-size:11px;color:#ced9d2}.button.light{border:1px solid #779285;min-width:230px}.button.light span{color:white}footer{padding:45px max(6vw,calc((100vw - 1260px)/2));background:#e9e5da;display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand strong{font-family:serif}.footer-brand span,.disclosure,footer small{font-size:8px;line-height:1.7;color:#737b75}
@media(max-width:900px){.site-header{height:72px}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 7vw 45px}.hero-visual{min-height:590px}.promise{align-items:flex-start;gap:25px}.promise div{flex-wrap:wrap;justify-content:flex-end}.measure-grid{grid-template-columns:1fr}.tower-cards{grid-template-columns:1fr}.tower-card{display:grid;grid-template-columns:150px 1fr}.tower-shape{grid-row:2/7}.tower-card h3,.tower-card>p{text-align:left}.row{display:block}.newsletter{margin:0 20px 45px}.newsletter span{display:block;max-width:420px}.newsletter .button{margin-left:25px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.brand strong{font-size:16px}.hero{min-height:auto}.hero h1{font-size:42px}.hero h1 br{display:none}.lead br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-points{grid-template-columns:1fr;gap:14px}.hero-visual{min-height:470px}.memo{transform:scale(.8) rotate(-3deg);transform-origin:top left}.tower-illo{width:75%;left:7%;height:74%}.plant{transform:scale(.7);transform-origin:bottom right}.promise{flex-direction:column}.promise div{justify-content:flex-start}.section{padding:72px 6vw}.measure-graphic{min-height:300px}.room-corner{inset:35px 35px 40px}.mini-tower{height:185px}.tower-cards{grid-template-columns:1fr}.tower-card{display:block}.tower-card h3,.tower-card>p{text-align:center}.article-item{grid-template-columns:40px 1fr 25px;padding:18px 0}.article-tag{display:none}.article-copy strong{font-size:15px}.newsletter{display:block;padding:35px 28px}.newsletter .button{margin:25px 0 0;min-width:100%}footer{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.tower-card,.article-item{transition:none}}

/* Article */
.article-page{background:var(--paper)}.article-header{position:relative}.article-breadcrumb{max-width:1120px;margin:0 auto;padding:24px 30px;display:flex;gap:10px;font-size:9px;color:#889087}.article-breadcrumb a{border-bottom:1px solid #aeb3ab}.article-breadcrumb b{font-weight:400;color:#5e6a62}.article-hero{max-width:1120px;margin:0 auto;padding:50px 30px 80px;position:relative;min-height:530px}.article-kicker{display:flex;align-items:center;gap:14px;margin-bottom:26px}.article-kicker span{background:var(--deep);color:white;padding:7px 11px;font-size:9px;letter-spacing:.16em}.article-kicker b{font-size:11px;color:#7c867f}.article-hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(38px,5vw,65px);line-height:1.42;font-weight:500;letter-spacing:.04em;margin:0;position:relative;z-index:2}.article-hero h1 em{font-style:normal;color:var(--deep);position:relative}.article-hero h1 em:after{content:"";position:absolute;height:12px;background:#ddcfafaa;left:-4px;right:-4px;bottom:4px;z-index:-1}.article-hero>p{font-family:"Yu Mincho",serif;max-width:600px;font-size:14px;line-height:2;margin:28px 0 22px;color:#56645b}.article-meta{display:flex;gap:20px;font-size:9px;color:#8b928c}.article-hero-visual{position:absolute;width:345px;height:355px;right:20px;top:70px;background:#e3eadf;overflow:hidden;border-radius:50% 50% 4px 4px}.article-room{position:absolute;inset:38px;border-left:3px solid #6d7e72;border-bottom:3px solid #6d7e72}.article-room i:first-child{position:absolute;width:20px;height:225px;background:#967457;left:51%;bottom:0}.article-room i:first-child:before,.article-room i:first-child:after{content:"";position:absolute;width:112px;height:15px;background:#a98867;left:-45px}.article-room i:first-child:before{top:35px}.article-room i:first-child:after{top:125px}.article-room i:nth-child(2){position:absolute;width:115px;height:14px;background:#a98867;left:30%;bottom:0}.article-room b{position:absolute;width:55px;height:34px;border-radius:50%;background:#34493e;left:48%;top:43px}.article-room b:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;right:-7px;top:-7px;background:#34493e}.ruler span{position:absolute;background:#fffdf8;border:1px solid #a9b0a8;padding:7px;font-size:8px;color:#68756c}.ruler span:first-child{bottom:18px;left:44%}.ruler span:nth-child(2){right:10px;top:45%}.ruler span:last-child{left:12px;top:18px}.article-layout{max-width:1120px;margin:0 auto;padding:0 30px 110px;display:grid;grid-template-columns:260px 1fr;gap:80px;align-items:start}.toc{position:sticky;top:110px;border-top:3px solid var(--deep);background:#f0eee5;padding:24px}.toc>span{display:block;font-size:8px;letter-spacing:.2em;color:#987a58;margin-bottom:7px}.toc>strong{font-family:serif;font-size:15px}.toc ol{padding:0;margin:20px 0 0;list-style:none;counter-reset:toc}.toc li{counter-increment:toc;border-top:1px solid #d7d5ca;padding:12px 0 12px 26px;position:relative;font-size:10px;line-height:1.65}.toc li:before{content:"0" counter(toc);position:absolute;left:0;color:#ae8c66;font-family:serif}.toc a:hover{color:var(--green)}.article-body{min-width:0}.article-intro{font-family:"Yu Mincho",serif;font-size:15px;line-height:2.25;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0 24px;margin-bottom:80px}.article-intro p{margin:0 0 18px}.guide-section{scroll-margin-top:115px;margin-bottom:90px}.guide-number{display:flex;align-items:end;gap:7px;color:#a58560;margin-bottom:15px}.guide-number span{font-size:8px;letter-spacing:.16em;margin-bottom:7px}.guide-number b{font-family:serif;font-size:30px;font-weight:400}.guide-section h2{font-family:"Yu Mincho",serif;font-size:clamp(25px,3vw,35px);line-height:1.55;font-weight:500;margin:0 0 20px}.guide-section>p{font-size:13px;line-height:2.1;color:#58655d}.guide-section .guide-lead{font-family:"Yu Mincho",serif;font-size:16px;color:var(--deep);border-left:3px solid #c7aa83;padding-left:18px;margin:0 0 20px}.lab-note{margin-top:25px;background:#edf0e8;border-left:4px solid #6e8577;padding:17px 20px;display:flex;gap:18px;align-items:center}.lab-note span{font-size:8px;letter-spacing:.16em;color:#7c897f;white-space:nowrap}.lab-note p{font-size:11px;margin:0;line-height:1.7}.quick-check{background:var(--deep);color:white;padding:42px;margin:20px 0 80px;display:grid;grid-template-columns:1fr 1.2fr;gap:45px}.quick-check>div>span{font-size:8px;letter-spacing:.2em;color:#d8bf96}.quick-check h2{font-family:serif;font-size:28px;font-weight:400;margin:10px 0}.quick-check p{font-size:10px;line-height:1.8;color:#c4d0c9}.quick-check ul{list-style:none;padding:0;margin:0}.quick-check li{padding:9px 0 9px 26px;border-bottom:1px solid #597165;font-size:11px;position:relative}.quick-check li:before{content:"✓";position:absolute;left:0;color:#ddc59d}.article-cta{background:#e6e2d4;padding:42px}.article-cta>p{font-size:8px;letter-spacing:.2em;color:#9b7b56}.article-cta h2{font-family:serif;font-size:28px;font-weight:400;margin:10px 0}.article-cta>span{display:block;font-size:11px;line-height:1.8;color:#667168}.article-cta a{margin-top:25px;background:var(--deep);color:white;display:flex;justify-content:space-between;padding:16px 20px;max-width:260px;font-size:11px;font-weight:700}
@media(max-width:900px){.article-hero-visual{opacity:.24;right:10px}.article-layout{grid-template-columns:1fr;gap:45px}.toc{position:relative;top:0}.toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.quick-check{grid-template-columns:1fr}.article-hero>p{position:relative;z-index:2}}
@media(max-width:600px){.article-breadcrumb{padding:18px 20px}.article-hero{padding:35px 20px 60px;min-height:auto}.article-hero h1{font-size:34px}.article-hero h1 br{display:none}.article-hero-visual{width:210px;height:265px;top:70px}.article-layout{padding:0 20px 75px}.toc ol{grid-template-columns:1fr}.guide-section{margin-bottom:65px}.guide-section h2{font-size:25px}.lab-note{align-items:flex-start;flex-direction:column;gap:8px}.quick-check,.article-cta{padding:28px}}

/* Product comparison article */
.product-hero{padding-bottom:95px}.slim-hero-visual{position:absolute;right:30px;top:65px;width:330px;height:365px;background:#e1e9df;overflow:hidden;border-radius:170px 170px 5px 5px}.slim-hero-visual .floor{position:absolute;left:0;right:0;bottom:35px;height:3px;background:#819086}.slim-hero-visual .pole{position:absolute;left:125px;top:20px;width:90px;height:310px}.slim-hero-visual .pole:before{content:"";position:absolute;width:16px;background:#6b806f;left:37px;top:0;bottom:0}.slim-hero-visual .pole i{position:absolute;width:96px;height:13px;background:#a88765;left:-3px}.slim-hero-visual .pole i:first-child{top:62px}.slim-hero-visual .pole i:nth-child(2){top:145px;left:26px}.slim-hero-visual .pole i:nth-child(3){top:226px;left:-25px}.slim-hero-visual .pole b{position:absolute;width:116px;height:16px;background:#a88765;bottom:0;left:-13px}.measure-arrow{position:absolute;bottom:8px;left:118px;font-family:serif;font-size:12px}.measure-arrow:before,.measure-arrow:after{content:"←";margin-right:6px}.measure-arrow:after{content:"→";margin:0 0 0 6px}.product-content{max-width:980px;margin:0 auto;padding:0 30px 110px}.affiliate-disclosure{background:#f0eee6;border:1px solid #dddbd0;padding:20px 24px;display:grid;grid-template-columns:140px 1fr;gap:20px;margin-bottom:80px}.affiliate-disclosure strong{font-family:serif;font-size:14px}.affiliate-disclosure p{font-size:10px;line-height:1.9;margin:0;color:#69746c}.selection-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;margin-bottom:85px}.selection-summary>div>span,.comparison-wrap>p,.decision-guide>p{font-size:8px;letter-spacing:.2em;color:#987957}.selection-summary h2,.comparison-wrap h2,.decision-guide>h2{font-family:serif;font-size:30px;font-weight:400;line-height:1.5;margin:10px 0}.selection-summary dl{margin:0}.selection-summary dl>div{display:flex;gap:18px;border-top:1px solid var(--line);padding:15px 0}.selection-summary dt{font-family:serif;color:#ae8c65}.selection-summary dd{margin:0;display:flex;flex-direction:column}.selection-summary dd strong{font-family:serif;font-size:14px}.selection-summary dd span{font-size:9px;color:#808981;margin-top:3px}.comparison-wrap{margin-bottom:95px}.table-scroll{overflow-x:auto;margin-top:25px}.comparison-wrap table{border-collapse:collapse;width:100%;min-width:720px;font-size:10px}.comparison-wrap th,.comparison-wrap td{border-bottom:1px solid var(--line);padding:16px 14px;text-align:left}.comparison-wrap thead th{background:var(--deep);color:white;font-weight:500}.comparison-wrap tbody th{font-family:serif;font-size:12px;background:#f1efe7}.product-list{display:grid;gap:45px}.product-review{border-top:4px solid var(--deep);background:#fff;padding:38px 42px;box-shadow:0 8px 30px #384c400d}.product-head{display:grid;grid-template-columns:1fr 180px;gap:25px;min-height:190px}.product-rank{font-family:serif;color:#9b7c58;font-size:12px;margin-right:12px}.product-badge{font-size:9px;border:1px solid #b6beb5;padding:5px 8px}.product-head p{font-size:10px;color:#7e887f;margin:28px 0 8px}.product-head h2{font-family:serif;font-size:25px;font-weight:500;line-height:1.5;margin:0}.product-pole{position:relative;height:180px;background:#edf0e8}.product-pole:before{content:"";position:absolute;width:13px;background:#617466;top:15px;bottom:16px;left:84px}.product-pole i{position:absolute;width:70px;height:10px;background:#ad8b69;left:55px}.product-pole i:first-child{top:42px}.product-pole i:nth-child(2){top:92px;left:80px}.product-pole i:nth-child(3){top:136px;left:31px}.product-pole b{position:absolute;bottom:10px;left:45px;width:90px;height:11px;background:#ad8b69}.product-pole.raku{border-radius:90px 90px 0 0}.product-pole.raku:before{width:17px}.product-pole.petio:before{top:55px}.product-pole.petio i:first-child{top:58px}.product-pole.petio i:nth-child(2){top:105px}.product-pole.petio i:nth-child(3){display:none}.product-spec{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-top:15px}.product-spec dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.product-spec dl>div{display:grid;grid-template-columns:100px 1fr;padding:9px 12px}.product-spec dt{font-size:9px;color:#858e87}.product-spec dd{font-size:10px;margin:0;font-weight:700}.product-verdict{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.product-verdict>div{background:#f2f1ea;padding:18px}.product-verdict span{font-size:8px;letter-spacing:.17em;color:#987b5b}.product-verdict p{font-size:10px;line-height:1.8;margin:7px 0 0}.shop-buttons{display:grid;grid-template-columns:1fr 1fr .75fr;gap:8px}.shop-buttons a{display:flex;justify-content:space-between;padding:14px 15px;font-size:10px;font-weight:700}.shop-buttons .amazon{background:#273c33;color:white}.shop-buttons .rakuten{background:#92504a;color:white}.shop-buttons .official{border:1px solid #b9beb8}.decision-guide{margin:95px 0;background:#e8e4d8;padding:48px}.decision-guide>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.decision-guide article{background:#f8f7f2;padding:25px}.decision-guide article>span{font-family:serif;color:#aa8863}.decision-guide h3{font-family:serif;font-size:17px;margin:10px 0}.decision-guide article p{font-size:10px;line-height:1.9;color:#647067}.source-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-bottom:75px}.source-note h2{font-family:serif;font-size:17px;font-weight:500}.source-note p{font-size:10px;line-height:2;color:#727c75}
@media(max-width:800px){.slim-hero-visual{opacity:.22}.selection-summary{grid-template-columns:1fr}.product-content{padding-left:20px;padding-right:20px}.product-review{padding:30px}.shop-buttons{grid-template-columns:1fr 1fr}.shop-buttons .official{grid-column:1/-1}.decision-guide>div{grid-template-columns:1fr}}
@media(max-width:560px){.product-hero{padding-bottom:65px}.affiliate-disclosure{grid-template-columns:1fr}.selection-summary{gap:20px}.product-review{padding:25px 20px}.product-head{grid-template-columns:1fr}.product-pole{display:none}.product-spec dl,.product-verdict{grid-template-columns:1fr}.product-spec dl>div{grid-template-columns:90px 1fr}.shop-buttons{grid-template-columns:1fr}.shop-buttons .official{grid-column:auto}.decision-guide{padding:30px 24px}}

/* Analytics consent and policy links */
.footer-policy{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.footer-policy a,.footer-policy button{font:inherit;font-size:8px;line-height:1.5;color:#667168;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}.analytics-consent[hidden]{display:none}.analytics-consent{position:fixed;z-index:100;left:22px;right:22px;bottom:20px;max-width:900px;margin:auto;padding:18px 20px;background:#fffdf8;border:1px solid #cfd4cc;box-shadow:0 18px 55px #24342d33;display:flex;align-items:center;justify-content:space-between;gap:28px}.analytics-consent strong{font-family:serif;font-size:14px}.analytics-consent p{margin:5px 0 0;font-size:9px;line-height:1.75;color:#68736b}.analytics-consent p a{text-decoration:underline;text-underline-offset:3px}.analytics-consent-actions{display:flex;gap:8px;flex:none}.analytics-consent-actions button{border:1px solid #87958c;background:#fffdf8;color:var(--deep);padding:11px 16px;font-size:10px;font-weight:700;cursor:pointer}.analytics-consent-actions button:last-child{background:var(--deep);color:white;border-color:var(--deep)}
@media(max-width:700px){.analytics-consent{left:12px;right:12px;bottom:12px;display:block}.analytics-consent-actions{margin-top:14px}.analytics-consent-actions button{flex:1}.footer-policy{grid-column:1/-1}}

.product-head {
  grid-template-columns: 330px 1fr;
  gap: 42px;
  align-items: center;
  min-height: 310px;
}

.product-photo {
  height: 300px;
  background: #f4f3ed;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.product-title p {
  font-size: 10px;
  color: #7e887f;
  margin: 28px 0 8px;
}

.product-title h2 {
  font-family: serif;
  font-size: 27px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

.reference-price {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 4px 12px;
  margin-top: 22px;
  padding: 14px 16px;
  border-left: 3px solid #987957;
  background: #f5f1e8;
}

.reference-price span {
  color: #77644f;
  font-size: 9px;
  letter-spacing: .08em;
}

.reference-price strong {
  color: #344c40;
  font-family: serif;
  font-size: 20px;
  font-weight: 500;
}

.reference-price small {
  grid-column: 1 / -1;
  color: #7e887f;
  font-size: 8px;
}

.product-catalog {
  margin: -20px 0 90px;
  scroll-margin-top: 30px;
}

.catalog-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 24px;
}

.catalog-heading p {
  margin: 0 0 8px;
  color: #987957;
  font-size: 8px;
  letter-spacing: .2em;
}

.catalog-heading h2 {
  margin: 0;
  font-family: serif;
  font-size: 30px;
  font-weight: 400;
}

.catalog-heading > span {
  max-width: 270px;
  color: #737d76;
  font-size: 10px;
  line-height: 1.8;
}

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.catalog-card {
  position: relative;
  display: grid;
  grid-template-rows: 190px 1fr;
  min-width: 0;
  background: #fff;
  border: 1px solid #dedfd8;
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.catalog-card:hover,
.catalog-card:focus-visible {
  transform: translateY(-3px);
  border-color: #809085;
  box-shadow: 0 12px 28px #384c4014;
  outline: none;
}

.catalog-image {
  overflow: hidden;
  background: #f2f2ec;
}

.catalog-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.catalog-copy {
  display: flex;
  flex-direction: column;
  padding: 17px 34px 18px 17px;
}

.catalog-copy span {
  color: #987957;
  font-size: 8px;
  letter-spacing: .08em;
}

.catalog-copy strong {
  margin: 8px 0 10px;
  font-family: serif;
  font-size: 15px;
  line-height: 1.45;
}

.catalog-copy small {
  margin-top: auto;
  color: #737d76;
  font-size: 9px;
  line-height: 1.5;
}

.catalog-card > b {
  position: absolute;
  right: 15px;
  bottom: 17px;
  color: #8a7257;
  font-size: 12px;
}

.product-review {
  scroll-margin-top: 24px;
}

.auto-litter-catalog .catalog-grid {
  grid-template-columns: repeat(2, 1fr);
}

.fountain-catalog .catalog-grid {
  grid-template-columns: repeat(2, 1fr);
}

.litter-hero-visual {
  position: relative;
  width: 320px;
  height: 250px;
  margin: 30px auto 0;
}

.litter-shell {
  position: absolute;
  left: 64px;
  bottom: 44px;
  width: 190px;
  height: 165px;
  border: 2px solid #809085;
  border-radius: 82px 82px 26px 26px;
  background: #f1f1e9;
}

.litter-shell i {
  position: absolute;
  left: 48px;
  top: 34px;
  width: 90px;
  height: 82px;
  border-radius: 50% 50% 42% 42%;
  background: #344c40;
}

.litter-shell b {
  position: absolute;
  right: 18px;
  top: 45px;
  width: 7px;
  height: 30px;
  border-radius: 5px;
  background: #b89b75;
}

.litter-drawer {
  position: absolute;
  left: 78px;
  bottom: 25px;
  width: 162px;
  height: 44px;
  border: 2px solid #809085;
  border-radius: 6px 6px 20px 20px;
  background: #fff;
}

.litter-cat {
  position: absolute;
  left: 132px;
  bottom: 86px;
  width: 48px;
  height: 55px;
  border-radius: 50% 50% 42% 42%;
  background: #c6aa83;
}

.litter-cat::before,
.litter-cat::after {
  content: "";
  position: absolute;
  top: -9px;
  width: 17px;
  height: 20px;
  background: #c6aa83;
  transform: rotate(35deg);
}

.litter-cat::before { left: 2px; }
.litter-cat::after { right: 2px; transform: rotate(-35deg); }

.litter-cat i {
  position: absolute;
  left: 9px;
  bottom: -28px;
  width: 58px;
  height: 34px;
  border: 7px solid #c6aa83;
  border-left: 0;
  border-bottom: 0;
  border-radius: 0 40px 0 0;
}

.litter-measure {
  position: absolute;
  right: -10px;
  top: 42px;
  color: #987957;
  font-size: 10px;
  letter-spacing: .1em;
  writing-mode: vertical-rl;
}

.litter-measure::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  width: 1px;
  height: 150px;
  background: #b9b2a6;
}

.fountain-hero-visual {
  position: relative;
  width: 320px;
  height: 250px;
  margin: 30px auto 0;
}

.fountain-bowl {
  position: absolute;
  left: 58px;
  bottom: 42px;
  width: 204px;
  height: 116px;
  border: 2px solid #809085;
  border-radius: 18px 18px 56px 56px;
  background: #f8f9f3;
  box-shadow: 0 18px 28px #47695b20;
}

.fountain-bowl::before {
  content: "";
  position: absolute;
  left: 51px;
  top: 17px;
  width: 94px;
  height: 34px;
  border: 2px solid #71958a;
  border-radius: 50%;
  background: #b8d8d1;
}

.fountain-bowl b {
  position: absolute;
  left: 89px;
  top: -55px;
  width: 22px;
  height: 75px;
  border-radius: 10px 10px 3px 3px;
  background: #6b8d82;
}

.fountain-bowl i {
  position: absolute;
  top: -5px;
  width: 7px;
  height: 22px;
  border-radius: 50%;
  background: #70b7c5;
}

.fountain-bowl i:first-child { left: 77px; transform: rotate(12deg); }
.fountain-bowl i:nth-child(2) { right: 77px; transform: rotate(-12deg); }

.fountain-drop {
  position: absolute;
  right: 10px;
  top: 46px;
  color: #987957;
  font-size: 10px;
  letter-spacing: .1em;
  writing-mode: vertical-rl;
}

@media (max-width: 800px) {
  .catalog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .auto-litter-catalog .catalog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fountain-catalog .catalog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-head {
    grid-template-columns: 260px 1fr;
    gap: 25px;
  }

  .product-photo {
    height: 250px;
  }
}

@media (max-width: 560px) {
  .product-catalog {
    margin-top: 0;
    margin-bottom: 65px;
  }

  .catalog-heading {
    display: block;
  }

  .catalog-heading > span {
    display: block;
    margin-top: 10px;
  }

  .catalog-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .auto-litter-catalog .catalog-grid {
    grid-template-columns: 1fr 1fr;
  }

  .fountain-catalog .catalog-grid {
    grid-template-columns: 1fr 1fr;
  }

  .catalog-card {
    grid-template-rows: 145px 1fr;
  }

  .catalog-copy {
    padding: 13px 12px 14px;
  }

  .catalog-copy strong {
    font-size: 13px;
  }

  .catalog-card > b {
    display: none;
  }

  .product-review {
    padding: 20px 16px;
  }

  .product-head {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .product-photo {
    height: 290px;
  }

  .product-title p {
    margin-top: 25px;
  }
}