/* Selected direction 01: classic catalog; real Blade content and navigation. */
:root{--ink:#24302b;--muted:#6b756d;--line:#dce3dc;--surface:#e9efeb;--green:#318052}
body{background:#f5f7f5}header{max-width:none;background:#fff;border-bottom:4px solid var(--green);padding:12px max(24px,calc((100vw - 1308px)/2));min-height:118px;justify-content:flex-start;gap:32px}header .site-logo{width:190px}header nav{justify-content:flex-start;gap:8px 25px}main{max-width:1356px;padding:35px 24px 0}.columns,.article-layout{grid-template-columns:245px minmax(0,1fr);gap:36px}.hero{background:#fff;border:1px solid var(--line);padding:27px 30px;margin:0 0 28px;grid-template-columns:minmax(0,1fr) 280px;gap:0 24px}.hero h1{font-size:30px;margin:8px 0 10px}.hero p{font-size:14px}.hero input{background:#fff}.hero button{border-radius:0}.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:1.5px}.section-title{border:0;padding:0;margin-bottom:22px}.section-title h2{font-size:25px}.section-title span{font-family:Arial,Helvetica,sans-serif}aside{background:#fff;border-radius:0}aside a{padding:12px 20px;font-size:14px;border-color:#e8ece8}#catalog summary{background:#e9efeb;padding:16px 20px;font-size:17px}#catalog .catalog-group+.catalog-group{border-top:1px solid var(--line)}.cards{gap:22px}.card{border-radius:0}.card img,.placeholder{background:#fff;height:210px;padding:16px;border:0}.card-body{padding:18px}.card h3{font-size:20px;margin:12px 0}.card p{font-size:14px;line-height:1.6}.card small{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:1px}.read{font-size:13px;padding-top:12px}.article-layout{margin:0}.article-layout>article{background:#fff;border:1px solid var(--line);padding:26px 30px;max-width:none}footer{max-width:1308px}
@media(max-width:1100px){.columns,.article-layout{grid-template-columns:216px minmax(0,1fr);gap:24px}.hero{display:block;padding:24px}.hero form{display:flex;margin-top:18px;max-width:440px}.cards{gap:18px}}
@media(max-width:760px){header{padding:10px 16px;gap:4px 16px;min-height:0}header .site-logo{width:156px}header nav{gap:0 18px}header nav a{min-height:44px}main{padding:20px 16px 0}.columns,.article-layout{display:flex;gap:20px}.hero{padding:20px}.hero h1{font-size:25px}.card img{height:170px}.article-layout>article{padding:20px;border:1px solid var(--line)}#catalog a{min-height:44px}#catalog summary{padding:12px 16px;min-height:44px}}
@media(max-width:480px){.card img,.placeholder{height:116px;padding:8px}.card-body{padding:12px}.card h3{font-size:16px}.card p{font-size:12px}.hero form{flex-wrap:wrap}.hero input{width:100px}.section-title h2{font-size:21px}}