:root{--p:#0ea5a0;--ph:#0d9488;--deep:#134e4a;--blue:#38bdf8;--coral:#fa8c64;--base:#f0fdfd;--ink:#333;--muted:#717171}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;letter-spacing:.04em;line-height:1.75}a{text-decoration:none;color:inherit}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.utility{background:var(--deep);color:#c5d9d7;font-size:13.2px}.utility .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.utility nav,.nav{display:flex;gap:30px}header{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid #3332;backdrop-filter:blur(10px)}.head{min-height:82px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:11px;color:var(--deep);line-height:1.1}.brand>b{width:43px;height:43px;display:grid;place-items:center;border-radius:12px 12px 7px 7px;background:var(--p);color:white;font-size:25.2px}.brand strong{display:block;font-size:24px;letter-spacing:.08em}.brand small{display:block;margin-top:6px;color:var(--muted);font-size:10.8px;letter-spacing:.15em}.nav{margin-left:auto;font-size:15.6px;font-weight:600}.nav a:hover{color:var(--p)}.cta{background:var(--coral);padding:12px 18px;border-radius:8px;font-size:15.6px;font-weight:700;box-shadow:0 7px 17px #fa8c6433}.hero{background:var(--base);overflow:hidden}.hero-grid{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px}.overline{font-size:14.4px;color:var(--p);font-weight:700;letter-spacing:.14em}.hero h1{color:var(--deep);font-size:clamp(40px,4.4vw,60px);line-height:1.35;margin:14px 0 18px}.hero h1 em{font-style:normal;color:var(--p);background:linear-gradient(transparent 78%,#38bdf844 0)}.lead{color:var(--muted);font-size:19.2px;margin-bottom:27px}.search{height:59px;display:flex;align-items:center;background:white;border:1px solid #0ea5a044;border-radius:10px;padding:5px;box-shadow:0 12px 30px #134e4a12}.search span{color:var(--p);font-size:33.6px;margin-left:12px}.search input{border:0;outline:0;min-width:0;flex:1;padding:0 12px;font-size:16.8px}.search button{height:100%;border:0;border-radius:7px;background:var(--p);color:white;font-weight:700;padding:0 25px}.keys{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}.keys a{color:var(--p)}.visual{height:430px;position:relative}.circle{position:absolute;width:420px;height:420px;border-radius:50%;background:linear-gradient(145deg,#fff,#d8f6f5);left:50%;top:5px;transform:translateX(-50%)}.visual>.sun{position:absolute;width:60px;height:60px;border-radius:50%;background:#fed6a5;right:60px;top:60px}.tower{position:absolute;bottom:54px;display:grid;grid-template-columns:repeat(2,25px);gap:13px;padding:20px 17px;border:6px solid var(--deep);box-shadow:9px 9px #38bdf833}.tower i{width:25px;height:28px;background:#b9ebf6;border:3px solid var(--deep)}.t1{height:220px;left:75px;background:var(--p)}.t2{height:285px;right:55px;background:#65c9d8}.home{position:absolute;width:145px;height:112px;left:190px;bottom:54px;background:#fff4e5;border:6px solid var(--deep)}.home:before{content:"";position:absolute;width:106px;height:106px;background:var(--coral);border:6px solid var(--deep);transform:rotate(45deg);left:13px;top:-58px;z-index:-1}.home:after{content:"";position:absolute;width:34px;height:58px;background:var(--p);border:5px solid var(--deep);bottom:0;left:52px}.home i{position:absolute;width:28px;height:28px;background:#b9ebf6;border:4px solid var(--deep);left:15px;top:20px}.tree{position:absolute;width:13px;height:57px;background:var(--deep);right:13px;bottom:54px}.tree:before{content:"";position:absolute;width:50px;height:68px;border-radius:50%;background:#52c7a8;border:5px solid var(--deep);left:-19px;top:-50px}.stamp{position:absolute;right:0;top:240px;width:84px;height:84px;border:2px solid var(--coral);border-radius:50%;display:grid;place-content:center;text-align:center;color:#c45d38;background:#fff;transform:rotate(7deg);font-size:12px;line-height:1.25}.stamp b{font-size:24px}.quick{box-shadow:0 8px 24px #134e4a0d}.quick .wrap{min-height:84px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center}.quick strong{color:var(--deep);font-size:15.6px}.quick a{font-size:12px;color:var(--muted);padding:11px 13px;border-left:1px solid #3332}.quick a:hover{color:var(--p)}.section{padding:88px 0}.title{text-align:center;margin-bottom:37px}.title p{color:var(--p);font-size:13.2px;font-weight:800;letter-spacing:.25em;margin:0}.title h2{color:var(--deep);font-size:36px;margin:0}.title span{color:var(--muted);font-size:14.4px}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat{min-height:114px;border:1px solid #0ea5a033;border-radius:10px;padding:21px;display:flex;align-items:center;transition:.2s}.cat:hover{transform:translateY(-3px);border-color:var(--p);box-shadow:0 14px 30px #134e4a14}.cat>b{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--base);color:var(--p);font-size:24px}.cat>span{margin-left:16px}.cat strong,.cat small{display:block}.cat strong{color:var(--deep);font-size:18px}.cat small{color:var(--muted);font-size:12px;margin-top:5px}.cat>i{font-style:normal;margin-left:auto;color:var(--p)}.pickup{background:var(--base)}.lead-card{display:grid;grid-template-columns:1.05fr .95fr;background:white;border-radius:14px;overflow:hidden;box-shadow:0 18px 45px #134e4a17}.big-art{min-height:350px;position:relative;background:linear-gradient(145deg,#d7f5f4,#bcecf5);overflow:hidden}.big-art>.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#ffffff77;top:35px;left:45px}.big-building{position:absolute;left:85px;bottom:28px;width:190px;height:235px;background:var(--p);border:6px solid var(--deep);padding:32px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(-2deg)}.big-building i{background:#b9ebf6;border:3px solid var(--deep)}.mini-home{position:absolute;width:120px;height:95px;background:#fff4e5;border:5px solid var(--deep);right:35px;bottom:28px}.mini-home:before{content:"";position:absolute;width:84px;height:84px;background:var(--coral);border:5px solid var(--deep);transform:rotate(45deg);left:13px;top:-46px;z-index:-1}.big-art>b{position:absolute;right:22px;top:40px;width:76px;height:96px;background:white;border:4px solid var(--deep);display:grid;place-items:center;color:var(--p);font-size:45.6px;transform:rotate(8deg);box-shadow:7px 7px #134e4a22}.lead-content{padding:45px}.meta{font-size:12px;color:var(--muted)}.meta span{color:var(--p);background:var(--base);padding:4px 10px;border-radius:20px;margin-right:10px;font-weight:700}.lead-content h2{font-size:27.6px;line-height:1.6;color:var(--deep)}.lead-content>p{font-size:14.4px;color:var(--muted)}.lead-content>a,.card a{color:var(--p);font-weight:700;font-size:14.4px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid #3332;border-radius:11px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #134e4a15}.thumb{height:188px;position:relative;background:linear-gradient(145deg,#d9f7f6,#c7edf7);display:grid;place-items:center}.thumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35px;background:#9bd8bf}.thumb>b{z-index:1;width:110px;height:120px;display:grid;place-items:center;background:var(--p);border:5px solid var(--deep);color:white;font-size:45.6px;box-shadow:10px 8px #134e4a22}.thumb.house>b{height:85px;background:#fff4e5;color:var(--deep)}.thumb.document>b{height:125px;background:white;color:var(--p);transform:rotate(-4deg)}.card>div:last-child{padding:21px}.card h3{color:var(--deep);font-size:18px;line-height:1.7}.card div>p:last-of-type{font-size:12px;color:var(--muted)}.trust{background:var(--deep);color:white;padding:58px 0}.trust .wrap{display:grid;grid-template-columns:95px 1fr auto;gap:33px;align-items:center}.check{width:90px;height:90px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font-size:40.8px;color:#8df0eb}.trust p{color:#80e3df;font-size:13.2px;margin:0}.trust h2{font-size:28.8px;margin:3px 0}.trust span{font-size:13.2px;color:#ffffffaa}.trust a{border:1px solid #ffffff66;border-radius:7px;padding:12px 18px;font-size:14.4px}.consult{background:var(--base);padding:78px 0}.consult .wrap{background:var(--p);border-radius:14px;padding:40px 50px;color:white;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 38px #0ea5a033}.consult h2{font-size:27.6px;margin:3px 0}.consult p,.consult small{color:#ffffffcc;font-size:13.2px}.consult a{background:var(--coral);color:var(--ink);padding:15px 22px;border-radius:8px;font-weight:800;font-size:15.6px}footer{background:#103f3c;color:#ffffffaa;padding:52px 0 28px}footer .wrap{display:grid;grid-template-columns:1.1fr 1.2fr 2fr;gap:38px}footer .brand{color:white}footer p,footer nav{font-size:12px}footer nav{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap}footer>.wrap>small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:18px;font-size:10.8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.nav{display:none}.hero-grid{grid-template-columns:1fr;padding-top:45px}.visual{width:520px;max-width:100%;margin:auto}.quick .wrap{grid-template-columns:1fr 1fr;padding:20px 0}.quick strong{grid-column:1/-1}.cat-grid{grid-template-columns:1fr 1fr}.lead-card{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}.card:last-child{display:none}.trust .wrap{grid-template-columns:80px 1fr}.trust a{grid-column:2;justify-self:start}footer .wrap{grid-template-columns:1fr 1fr}footer nav{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.utility{display:none}.head{min-height:70px;gap:12px}.brand>b{width:36px;height:36px}.brand strong{font-size:19.2px}.brand small{font-size:8.4px}.cta{margin-left:auto;font-size:12px;padding:10px}.hero h1{font-size:43.2px}.hero-grid{gap:5px}.search input{font-size:13.2px}.visual{height:350px;transform:scale(.85);transform-origin:top center;margin-bottom:-45px}.quick .wrap{grid-template-columns:1fr}.quick strong{grid-column:1}.quick a{border-left:0;border-top:1px solid #3332}.section{padding:64px 0}.title h2{font-size:28.8px}.cat-grid{grid-template-columns:1fr}.lead-content{padding:26px}.lead-content h2{font-size:22.8px}.article-grid{grid-template-columns:1fr}.card:last-child{display:block}.trust .wrap{grid-template-columns:1fr}.trust a{grid-column:1}.consult .wrap{padding:29px 23px;align-items:flex-start;flex-direction:column;gap:20px}.consult h2{font-size:22.8px}.consult a{width:100%;text-align:center}footer .wrap{grid-template-columns:1fr}footer nav{grid-column:1}footer>.wrap>small{grid-column:1}}

/* Screenshot alignment — supplied artboard */
.topbar{height:23px;background:#20877e}.wrap{width:min(776px,calc(100% - 32px))}header{position:relative;top:auto;background:#fff;backdrop-filter:none}.head{min-height:56px;gap:26px}.brand{gap:9px}.brand>b{position:relative;width:25px;height:25px;overflow:hidden;color:transparent;background:transparent;border-radius:0;transform:rotate(45deg)}.brand>b:before,.brand>b:after{content:"";position:absolute;inset:0;background:#2cb7b0}.brand>b:after{left:50%;background:#16847c}.brand strong{font-size:15.6px;letter-spacing:.12em}.brand small{margin-top:3px;font-size:6px;letter-spacing:.12em}.nav{gap:25px;font-size:9.6px}.cta{padding:9px 14px;border-radius:5px;font-size:9.6px;box-shadow:0 4px 9px #fa8c6433}.hero{height:403px}.hero-grid{min-height:403px;grid-template-columns:1.05fr .95fr;gap:28px}.hero h1{font-weight:400;font-size:40px;line-height:1.48;letter-spacing:.08em;margin:-14px 0 10px}.hero h1 em{font-weight:400}.lead{font-size:10.8px;line-height:2;margin:0 0 17px}.search{height:39px;border-radius:6px;padding:3px;box-shadow:none}.search span{font-size:21.6px;margin-left:9px}.search input{font-size:9.6px;padding:0 8px}.search button{border-radius:5px;padding:0 18px;font-size:10.8px}.keys{font-size:6px;gap:8px;margin-top:7px}.visual{height:300px}.circle{width:285px;height:285px;top:3px}.visual>.sun{width:41px;height:41px;right:40px;top:27px}.tower{bottom:29px;grid-template-columns:repeat(2,17px);gap:9px;padding:14px 11px;border-width:4px;box-shadow:6px 6px #38bdf833}.tower i{width:17px;height:19px;border-width:2px}.t1{height:148px;left:49px}.t2{height:193px;right:36px}.home{width:97px;height:76px;left:128px;bottom:29px;border-width:4px}.home:before{display:none}.home:after{width:23px;height:39px;left:35px;border-width:3px}.home i{width:20px;height:20px;left:10px;top:14px;border-width:3px}.tree{width:8px;height:38px;right:5px;bottom:29px}.tree:before{width:34px;height:46px;left:-13px;top:-34px;border-width:3px}.stamp{right:-2px;top:167px;width:58px;height:58px;font-size:7.2px}.stamp b{font-size:15.6px}.section{padding:61px 0}.title{margin-bottom:31px}.title p{font-size:8.4px;letter-spacing:.28em}.title h2{font-weight:400;font-size:24px;line-height:1.6}.title span{font-size:8.4px}.cat-grid{gap:10px}.cat{min-height:78px;border-radius:6px;padding:14px}.cat>b{width:37px;height:37px;font-size:15.6px}.cat>span{margin-left:12px}.cat strong{font-size:10.8px}.cat small{font-size:7.2px;margin-top:3px}.cat>i{font-size:10.8px}.pickup{padding-top:57px;padding-bottom:60px}.lead-card{border-radius:8px;box-shadow:0 13px 30px #134e4a12;grid-template-columns:1.05fr .95fr}.big-art{min-height:238px}.big-art>.sun{width:105px;height:105px;top:24px;left:31px}.big-building{left:58px;bottom:20px;width:127px;height:158px;padding:22px 15px;gap:10px;border-width:4px}.big-building i{border-width:2px}.mini-home{width:80px;height:64px;right:24px;bottom:20px;border-width:4px}.mini-home:before{display:none}.big-art>b{right:18px;top:27px;width:51px;height:65px;border-width:3px;font-size:28.8px;box-shadow:5px 5px #134e4a22}.lead-content{padding:29px 23px}.meta{font-size:7.2px}.meta span{padding:2px 6px;margin-right:6px}.lead-content h2{font-weight:400;font-size:16.8px;line-height:1.75;margin:8px 0}.lead-content>p{font-size:7.2px;line-height:1.8;margin:0 0 8px}.lead-content>a,.card a{font-size:8.4px}.article-grid{gap:16px}.card{border-radius:7px}.thumb{height:126px}.thumb:after{height:23px}.thumb>b{width:73px;height:80px;border-width:3px;font-size:28.8px;box-shadow:6px 5px #134e4a22}.thumb.house>b{height:57px}.thumb.document>b{height:84px}.card>div:last-child{padding:13px}.card h3{font-size:10.8px;line-height:1.65;margin:7px 0 4px}.card div>p:last-of-type{font-size:7.2px;line-height:1.6}.consult{padding:63px 0 52px}.consult .wrap{min-height:119px;border-radius:7px;padding:27px 34px;box-shadow:0 13px 30px #0ea5a033}.consult small{font-size:7.2px}.consult h2{font-weight:400;font-size:18px}.consult p{font-size:7.2px;margin:0}.consult a{padding:12px 17px;border-radius:5px;font-size:9.6px}footer{padding:34px 0 22px;min-height:155px}footer .wrap{grid-template-columns:1.1fr 1.3fr 2fr;gap:26px}footer p,footer nav{font-size:7.2px}footer nav{gap:15px}footer>.wrap>small{font-size:6px;padding-top:13px}.footer-brand{}.sr{position:absolute}
@media(max-width:700px){.topbar{height:12px}.head{min-height:62px}.nav{display:none}.hero{height:auto}.hero-grid{min-height:auto;grid-template-columns:1fr;padding:52px 0 0}.hero h1{font-size:42px}.lead{font-size:13.2px}.search{height:48px}.search input{font-size:13.2px}.search button{font-size:12px}.keys{font-size:12px}.visual{width:360px;max-width:100%;height:310px;margin:auto}.section{padding:62px 0}.cat-grid{grid-template-columns:1fr}.cat{min-height:88px}.cat strong{font-size:13.2px}.cat small{font-size:12px}.lead-card{grid-template-columns:1fr}.big-art{min-height:235px}.lead-content{padding:25px}.lead-content h2{font-size:20.4px}.lead-content>p{font-size:9.6px}.article-grid{grid-template-columns:1fr}.card:last-child{display:block}.thumb{height:180px}.card h3{font-size:15.6px}.card div>p:last-of-type{font-size:9.6px}.consult .wrap{padding:25px;min-height:auto}.consult h2{font-size:21.6px}footer .wrap{grid-template-columns:1fr}footer nav,footer>.wrap>small{grid-column:1}}



/* Category pages */
.category-page{background:#fff;color:#333}.category-page .topbar{height:23px}.category-page header{border-bottom:1px solid #e3eeee}.category-page .head{min-height:58px}.breadcrumb{background:#f5f8f8;color:#8b9695;font-size:8px}.breadcrumb .wrap{height:34px;display:flex;align-items:center;gap:10px}.category-tabs{background:#edfbfb;border-bottom:1px solid #ddf3f2}.category-tabs .wrap{display:flex;overflow-x:auto;scrollbar-width:none}.category-tabs a{flex:0 0 auto;padding:12px 20px 10px;color:#169c96;font-size:11px;white-space:nowrap;border-bottom:3px solid transparent}.category-tabs a:first-child{padding-left:0}.category-tabs a.active{font-weight:700;border-color:#20aaa3}.category-shell{padding:32px 0 74px}.category-heading h1{font-size:25px;line-height:1.45;margin:0 0 12px;padding-left:17px;border-left:7px solid #20aaa3}.category-heading p{margin:0 0 28px;color:#7c8786;font-size:10px}.category-feature{display:grid;grid-template-columns:43% 57%;min-height:218px;border:1px solid #dbe6e5;border-radius:8px;overflow:hidden;box-shadow:0 5px 16px #134e4a14}.category-feature>div:last-child{padding:36px 26px}.category-feature h2{font-size:15px;line-height:1.7;margin:0 0 12px;color:#233d3b}.category-feature>div>p:not(.category-meta){font-size:9px;color:#6c7776;line-height:1.8}.category-art{position:relative;overflow:hidden;min-height:178px;background:#fffbe9;display:grid;place-items:center;border-bottom:1px solid #e8eeee}.category-art:before{content:"";position:absolute;width:105px;height:92px;right:22px;bottom:18px;background:#f9efe0;border:4px solid #174f4b;clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%)}.category-art:after{content:"";position:absolute;width:40px;height:63px;right:55px;bottom:18px;background:#2cb0aa;border:3px solid #174f4b}.category-art>b{position:absolute;z-index:2;left:17px;top:18px;max-width:70%;color:#0e3f5d;font-size:17px;line-height:1.45;letter-spacing:0}.category-art>span{position:absolute;z-index:2;left:15px;bottom:23px;background:#ff6e58;color:#fff;width:142px;height:43px;border-radius:5px}.category-art>span:after{content:"相続税の計算をやさしく解説";display:grid;place-items:center;height:100%;font-size:9px;font-weight:700}.category-art.tower:before{width:80px;height:160px;right:28px;bottom:15px;clip-path:none;background:linear-gradient(90deg,#7aa4b3 50%,#d2e0e4 0);border:4px solid #375b64}.category-art.tower:after{box-shadow:0 -35px #d8f2f3,0 -70px #d8f2f3,0 -105px #d8f2f3;width:20px;height:18px;right:58px;bottom:30px;background:#d8f2f3;border:2px solid #375b64}.category-art.calc>b{color:#154c85}.category-art.person:before{border-radius:50%;clip-path:none;width:90px;height:90px;background:#f4d1b6}.category-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;margin-top:28px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.category-card{border:1px solid #dbe6e5;border-radius:7px;overflow:hidden;box-shadow:0 4px 12px #134e4a0d}.category-card>div:last-child{padding:13px 15px 15px}.category-card h2{font-size:11px;line-height:1.65;margin:0 0 8px;color:#253d3b}.category-card>div>p:not(.category-meta){font-size:8px;color:#6f7978;line-height:1.7}.category-meta{display:flex;align-items:center;gap:10px;color:#98a3a2;font-size:7px;margin:10px 0 0}.category-meta span{background:#e8fbfa;color:#159b95;padding:3px 7px;border-radius:2px}.pending-art{min-height:178px;display:grid;place-items:center;color:#189f99;font-size:9px;background:repeating-linear-gradient(45deg,#effcfb,#effcfb 11px,#e8f8f7 11px,#e8f8f7 22px)}.pagination{grid-column:1/-1;display:flex;justify-content:center;gap:7px;margin-top:10px}.pagination a{width:31px;height:31px;border:1px solid #d9e5e4;border-radius:3px;display:grid;place-items:center;font-size:9px}.pagination .current{background:#168b84;color:#fff;border-color:#168b84}.side-search{height:37px;display:flex;border:1px solid #d7e3e2;border-radius:3px;overflow:hidden}.side-search input{min-width:0;flex:1;border:0;padding:0 12px;font-size:9px;outline:none}.side-search button{width:42px;border:0;background:#178e87;color:#fff}.sim{margin:15px 0 18px;background:#20a7a0;color:#fff;text-align:center;padding:22px 16px 12px;border-radius:5px;box-shadow:0 5px 13px #134e4a15}.sim small{font-size:7px;opacity:.8}.sim strong{display:block;font-size:13px;line-height:1.7;margin:5px 0 12px}.sim a{display:inline-block;background:#ff8c68;color:#fff;padding:9px 16px;border-radius:25px;font-size:9px;font-weight:700;box-shadow:0 5px 10px #0002}.side-box{border:1px solid #d7e3e2;border-radius:4px;overflow:hidden;margin-bottom:18px}.side-box h2{margin:0;background:#168b84;color:#fff;font-size:10px;padding:10px 13px}.side-box>div>a{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e7eeee;font-size:8px}.side-box>div>a:last-child{border:0}.side-box>div>a>span{color:#1da8a1}.side-box .side-new{justify-content:flex-start;gap:10px;align-items:flex-start}.side-new>i{flex:0 0 43px;height:35px;display:grid;place-items:center;background:#e7f8f7;color:#168b84;font-style:normal;font-weight:700}.side-new>span{line-height:1.5}.side-new small{display:block;margin-top:4px;color:#9aa4a3;font-size:6px}.category-footer{padding:38px 0 22px;background:#0e4a46;color:#b9d2d0}.category-footer>.wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.category-footer .brand{color:#fff}.category-footer p{font-size:8px;line-height:1.9}.footer-links h2{color:#fff;font-size:10px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #ffffff22}.footer-links a{display:block;font-size:7px;margin:6px 0}.category-footer>.wrap>small{grid-column:1/-1;border-top:1px solid #ffffff1f;text-align:center;padding-top:17px;font-size:6px}
@media(max-width:800px){.category-tabs a{padding:11px 14px}.category-feature{grid-template-columns:1fr}.category-feature .category-art{min-height:230px}.category-body{grid-template-columns:1fr}.category-list{order:1}.category-body aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.side-search{grid-column:1/-1}.sim{margin:0}.side-box{margin:0}.category-footer>.wrap{grid-template-columns:1fr 1fr}.category-footer>.wrap>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.category-shell{padding-top:25px}.category-heading h1{font-size:22px}.category-feature>div:last-child{padding:24px 20px}.category-body aside{grid-template-columns:1fr}.category-list{grid-template-columns:1fr}.category-card .category-art{min-height:210px}.category-footer>.wrap{grid-template-columns:1fr}.category-footer>.wrap>div:first-child{grid-column:1}.footer-links{margin-top:12px}}

/* Category layout without sidebar */
.category-body{grid-template-columns:1fr}.category-list{width:100%}


/* Desktop readability scale: 4px typography grid */
@media(min-width:801px){
  body{font-size:16px;line-height:1.8}.wrap{width:min(1120px,calc(100% - 64px))}
  .topbar,.category-page .topbar{height:24px}.head,.category-page .head{min-height:88px;gap:40px}.brand{gap:16px}.brand>b{width:40px;height:40px}.brand strong{font-size:20px}.brand small{font-size:12px;margin-top:8px}.nav{display:flex;gap:40px;font-size:12px}.cta{padding:16px 24px;font-size:12px;border-radius:8px}
  .hero{height:560px}.hero-grid{min-height:560px;grid-template-columns:1.05fr .95fr;gap:56px;padding:0}.hero h1{font-size:60px;line-height:1.48;margin:-12px 0 20px}.lead{font-size:16px;line-height:2;margin-bottom:28px}.search{height:60px;border-radius:8px;padding:4px}.search span{font-size:28px;margin-left:16px}.search input{font-size:16px;padding:0 16px}.search button{font-size:16px;padding:0 28px;border-radius:8px}.keys{font-size:12px;gap:16px;margin-top:12px}
  .visual{width:500px;height:420px}.circle{width:400px;height:400px}.visual>.sun{width:60px;height:60px;right:56px;top:44px}.tower{bottom:44px;grid-template-columns:repeat(2,24px);gap:12px;padding:20px 16px;border-width:6px}.tower i{width:24px;height:28px;border-width:3px}.t1{height:212px;left:68px}.t2{height:276px;right:52px}.home{width:140px;height:108px;left:180px;bottom:44px;border-width:6px}.home:after{width:32px;height:56px;left:50px;border-width:4px}.home i{width:28px;height:28px;left:16px;top:20px;border-width:4px}.tree{width:12px;height:56px;right:12px;bottom:44px}.tree:before{width:48px;height:64px;left:-18px;top:-48px;border-width:4px}.stamp{right:0;top:224px;width:84px;height:84px;font-size:12px}.stamp b{font-size:20px}
  .section{padding:104px 0}.title{margin-bottom:52px}.title p{font-size:12px}.title h2{font-size:32px}.title span{font-size:12px}.cat-grid{gap:24px}.cat{min-height:136px;padding:24px;border-radius:12px}.cat>b{width:56px;height:56px;font-size:20px}.cat>span{margin-left:20px}.cat strong{font-size:16px}.cat small{font-size:12px;margin-top:8px}.cat>i{font-size:16px}
  .pickup{padding:96px 0}.lead-card{grid-template-columns:1.05fr .95fr;border-radius:12px}.big-art{min-height:400px}.big-art>.sun{width:160px;height:160px;top:40px;left:48px}.big-building{left:88px;bottom:32px;width:200px;height:248px;padding:32px 24px;gap:16px;border-width:6px}.mini-home{width:124px;height:100px;right:40px;bottom:32px;border-width:6px}.big-art>b{right:28px;top:44px;width:80px;height:100px;border-width:4px;font-size:36px}.lead-content{padding:48px 40px}.meta{font-size:12px}.meta span{padding:4px 12px;margin-right:12px}.lead-content h2{font-size:24px;line-height:1.7;margin:16px 0}.lead-content>p{font-size:16px;line-height:1.9;margin-bottom:20px}.lead-content>a,.card a{font-size:16px}
  .article-grid{grid-template-columns:repeat(3,1fr);gap:28px}.card{border-radius:12px}.thumb{height:224px}.thumb:after{height:40px}.thumb>b{width:120px;height:132px;border-width:4px;font-size:36px;box-shadow:8px 8px #134e4a22}.thumb.house>b{height:92px}.thumb.document>b{height:140px}.card>div:last-child{padding:24px}.card h3{font-size:16px;line-height:1.7;margin:12px 0 8px}.card div>p:last-of-type{font-size:12px;line-height:1.8}
  .consult{padding:96px 0 72px}.consult .wrap{min-height:168px;padding:40px 56px;border-radius:12px}.consult small,.consult p{font-size:12px}.consult h2{font-size:24px}.consult a{font-size:16px;padding:16px 24px;border-radius:8px}
  footer{padding:56px 0 32px}footer .wrap{gap:48px}footer p,footer nav{font-size:12px}footer>.wrap>small{font-size:8px;padding-top:20px}
  .breadcrumb{font-size:12px}.breadcrumb .wrap{height:48px;gap:12px}.category-tabs a{font-size:16px;padding:16px 24px 12px}.category-tabs a:first-child{padding-left:0}
  .category-shell{padding:56px 0 96px}.category-heading h1{font-size:40px;line-height:1.4;margin-bottom:20px;padding-left:20px;border-left-width:8px}.category-heading p{font-size:16px;margin-bottom:40px}
  .category-feature{grid-template-columns:44% 56%;min-height:320px;border-radius:12px}.category-feature>div:last-child{padding:48px 40px}.category-feature h2{font-size:24px;line-height:1.7;margin-bottom:20px}.category-feature>div>p:not(.category-meta){font-size:16px;line-height:1.9}.category-feature .category-art{min-height:320px}.category-art>b{font-size:24px;left:24px;top:24px}.category-art>span{left:24px;bottom:32px;width:212px;height:60px}.category-art>span:after{font-size:12px}.category-art:before{width:152px;height:132px;right:32px;bottom:24px}.category-art:after{width:56px;height:88px;right:82px;bottom:24px}.category-art.tower:before{width:120px;height:236px;right:36px;bottom:20px}.category-art.tower:after{width:28px;height:24px;right:82px;bottom:40px;box-shadow:0 -52px #d8f2f3,0 -104px #d8f2f3,0 -156px #d8f2f3}
  .category-body{display:block;margin-top:40px}.category-list{grid-template-columns:1fr 1fr;gap:32px}.category-card{border-radius:12px}.category-card .category-art,.pending-art{min-height:260px}.category-card>div:last-child{padding:24px}.category-card h2{font-size:20px;line-height:1.65;margin-bottom:12px}.category-card>div>p:not(.category-meta){font-size:16px;line-height:1.8}.category-meta{font-size:12px;gap:16px;margin-top:16px}.category-meta span{padding:4px 8px}.pending-art{font-size:16px}.pagination{gap:12px;margin-top:20px}.pagination a{width:44px;height:44px;font-size:16px}
  .category-footer{padding:56px 0 32px}.category-footer>.wrap{gap:56px}.category-footer p{font-size:12px}.footer-links h2{font-size:16px;margin-bottom:16px;padding-bottom:12px}.footer-links a{font-size:12px;margin:8px 0}.category-footer>.wrap>small{font-size:8px;padding-top:20px}
}

/* Keep hero heading on the two authored lines */
@media(min-width:801px){.hero-grid{grid-template-columns:1.2fr .8fr}.hero h1{font-size:clamp(44px,4.4vw,52px);white-space:nowrap}.visual{width:100%;max-width:460px;justify-self:end}}


@media(min-width:801px){#categories .title>span{font-size:16px}}


@media(max-width:800px){.brand small{font-size:12px}.hero h1{font-size:36px}.title p,.title span{font-size:12px}.lead-card .meta,.lead-card .lead-content>p,.lead-card .lead-content>a,.card .meta,.card div>p:last-of-type,.card a{font-size:12px}.consult small,.consult p,.consult a{font-size:12px;line-height:1.8}.consult .wrap{gap:20px}footer{padding:48px 0 28px}footer .wrap{gap:24px}footer p,footer nav{font-size:12px;line-height:1.9}footer nav{gap:16px 20px}footer>.wrap>small{font-size:8px;padding-top:16px}.category-footer>.wrap{gap:24px}.category-footer p,.footer-links a{font-size:12px;line-height:1.9}.footer-links h2{font-size:16px}.category-footer>.wrap>small{font-size:8px;padding-top:16px}#new .article-grid{grid-template-columns:1fr;gap:20px}#new .card,#new .card:last-child{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start;border:0;border-radius:0;box-shadow:none}#new .card:hover{transform:none;box-shadow:none}#new .thumb{height:88px;border-radius:8px;overflow:hidden}#new .thumb:after{height:16px}#new .thumb>b,#new .thumb.house>b,#new .thumb.document>b{width:56px;height:64px;border-width:3px;font-size:20px;box-shadow:4px 4px #134e4a22}#new .thumb.house>b{height:44px}#new .thumb.document>b{height:68px}#new .card>div:last-child{display:flex;flex-direction:column;padding:0}#new .card h3{order:1;font-size:14px;line-height:1.55;margin:0 0 8px;font-weight:700}#new .card .meta{order:2;margin:0;line-height:1.6}#new .card div>p:last-of-type,#new .card a{display:none}.category-page .category-feature{grid-template-columns:120px minmax(0,1fr);min-height:140px}.category-page .category-feature .category-art{min-height:140px}.category-page .category-feature>div:last-child{padding:16px}.category-page .category-feature h2{font-size:14px;line-height:1.55;margin:0 0 10px}.category-page .category-feature>div>p:not(.category-meta){display:none}.category-page .category-feature .category-art>b{left:8px;top:8px;max-width:calc(100% - 16px);font-size:12px;line-height:1.4}.category-page .category-feature .category-art>span{display:none}.category-page .category-feature .category-art:before{right:8px;transform:scale(.7);transform-origin:right bottom}.category-page .category-feature .category-art:after{right:28px;transform:scale(.7);transform-origin:right bottom}.category-page .category-list{grid-template-columns:1fr;gap:20px}.category-page .category-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;border:0;border-radius:0;box-shadow:none;gap:16px}.category-page .category-card .category-art,.category-page .category-card .pending-art{min-height:100px;height:100px;border-radius:8px;overflow:hidden}.category-page .category-card .category-art>b{left:8px;top:8px;max-width:calc(100% - 16px);font-size:12px}.category-page .category-card .category-art>span{display:none}.category-page .category-card>div:last-child{padding:0}.category-page .category-card h2{font-size:14px;line-height:1.55;margin:0 0 8px}.category-page .category-card>div>p:not(.category-meta){display:none}.category-page .category-meta{font-size:12px;line-height:1.6;margin:0;gap:8px;flex-wrap:wrap}.category-page .pending-art{font-size:12px;text-align:center;padding:8px}.category-page .pagination{margin-top:12px}}


/* Main visual v2 — preserved v1 on codex/main-visual-v1 */
.hero-v2{position:relative;background:radial-gradient(circle at 78% 32%,#fff 0 9%,transparent 34%),linear-gradient(135deg,#f2fdfc 0%,#e9fbfa 55%,#ddf7f6 100%)}
.hero-v2:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0ea5a008 1px,transparent 1px),linear-gradient(90deg,#0ea5a008 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 58%,#000 100%);pointer-events:none}
.hero-v2 .hero-grid{position:relative;z-index:1}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--p);font-size:12px;font-weight:800;letter-spacing:.18em}
.hero-kicker:before{content:"";width:28px;height:2px;background:var(--p)}
.hero-v2 .search{border-color:#0ea5a066;box-shadow:0 18px 40px #134e4a14}
.hero-v2 .visual{border:1px solid #ffffffcc;border-radius:40px;background:#ffffff73;box-shadow:0 28px 70px #134e4a14;backdrop-filter:blur(4px)}
.hero-v2 .circle{background:linear-gradient(145deg,#fff,#cef3f0);box-shadow:inset 0 0 0 1px #fff}
.visual-note{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d8eeee;border-radius:999px;background:#ffffffed;color:var(--deep);font-size:12px;font-weight:700;box-shadow:0 10px 24px #134e4a14;white-space:nowrap}
.visual-note b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8fbfa;color:var(--p)}
.note-one{left:-14px;top:44px}.note-two{right:-12px;bottom:22px}
@media(min-width:801px){.hero-v2{height:600px}.hero-v2 .hero-grid{min-height:600px}.hero-v2 .hero-copy{padding-left:12px}.hero-v2 .visual{height:460px;padding-top:20px}.hero-v2 .circle{top:20px}}
@media(max-width:800px){.hero-v2 .hero-grid{padding-top:38px}.hero-kicker{font-size:12px;margin-bottom:10px}.hero-v2 .visual{margin-top:28px;border-radius:28px;height:320px}.hero-v2 .circle{top:12px}.visual-note{font-size:12px;padding:8px 10px}.visual-note b{width:24px;height:24px}.note-one{left:4px;top:24px}.note-two{right:4px;bottom:10px}}
/* Generated main visual */
.hero-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-v2:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#effcfb 0%,#effcfbee 32%,#effcfb66 48%,transparent 66%);pointer-events:none}
.hero-v2 .hero-grid{z-index:2}
.visual-spacer{visibility:hidden}
@media(max-width:800px){.hero-v2{display:flex;flex-direction:column;height:auto}.hero-v2:after{display:none}.hero-v2 .hero-grid{order:1}.hero-photo{position:relative;order:2;width:100%;height:auto;object-fit:contain;object-position:center;margin-top:24px}.visual-spacer{display:none}.hero-v2 .hero-grid{padding-bottom:0}}

/* Three-facet brand diamond */
.brand>b{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  flex:0 0 auto;
  color:transparent;
  background:#23897f;
  border-radius:0;
  transform:none;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  box-shadow:none;
}
.brand>b:before,.brand>b:after{content:"";position:absolute;inset:0}
.brand>b:before{
  background:#7bcfce;
  clip-path:polygon(50% 0,66% 33%,50% 50%,20% 30%);
}
.brand>b:after{
  left:0;
  background:#25a8a5;
  clip-path:polygon(20% 30%,50% 50%,31% 81%,0 50%);
}
@media(min-width:801px){.brand>b{width:40px;height:40px}}
@media(max-width:800px){.brand>b{width:36px;height:36px}}



/* Use the supplied original brand artwork without redrawing it. */
.brand>b{
  background:transparent url("../images/brand-icon.png") center/contain no-repeat;
  clip-path:none;
}
.brand>b:before,.brand>b:after{display:none}