:root{--bg:#fffdf9;--surface:#fff;--soft:#f5eee7;--text:#262724;--muted:#66645f;--accent:#a65340;--accent-hover:#8d4435;--sage:#79866f;--sage-soft:#e9eee5;--border:#e5dcd3;--footer:#f5f0ea;--frame:1140px;--content-wide:1065px;--content:728px;--sidebar:300px;--gutter:37px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:22px;line-height:1.875}img{display:block;max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover,a:focus{color:var(--accent-hover)}h1,h2,h3,h4{font-family:"Sen",Arial,sans-serif;color:var(--text);line-height:1.2;margin:37px 0 21px}h1{font-size:33.6px}h2{font-size:35.75px}h3{font-size:30.25px}p{margin:0 0 27px}ul,ol{margin:0 0 27px;padding-left:1.3em}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:999;top:8px;left:8px;background:#fff;padding:8px 14px}
.site-header{height:70px;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:20}.header-inner{height:70px;max-width:1140px;margin:auto;display:grid;grid-template-columns:250px 1fr 50px;gap:40px;align-items:center}.brand{width:200px;height:70px;display:flex;align-items:center;overflow:hidden}.brand img,.brand .custom-logo{width:200px;height:auto}.primary-nav{font-family:"Sen",Arial,sans-serif;font-size:20px}.primary-nav ul{display:flex;align-items:center;justify-content:center;gap:36px;list-style:none;margin:0;padding:0}.primary-nav a{color:var(--text);white-space:nowrap}.primary-nav a:hover{color:var(--accent)}.search-toggle,.menu-toggle{border:0;background:transparent;color:var(--text);font-size:32px;cursor:pointer;padding:8px}.menu-toggle{display:none}.header-search{position:absolute;right:max(20px,calc((100% - 1140px)/2));top:69px;background:var(--surface);border:1px solid var(--border);padding:15px;box-shadow:0 8px 20px rgba(38,39,36,.08)}.search-form{display:flex;gap:8px}.search-form input{min-width:220px;padding:10px 12px;border:1px solid var(--border);background:var(--bg);font:inherit;font-size:17px}.search-form button{border:0;background:var(--accent);color:#fff;padding:8px 16px;font-weight:700;cursor:pointer}.search-form button:hover{background:var(--accent-hover)}
.site-inner{width:min(var(--frame),calc(100% - 40px));margin:20px auto 0}.home-content{padding:7px 37.5px 74px}.home-content>article{width:100%}.home-intro{margin:0 0 31px}.category-index,.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:57px 17px}.category-index{margin-bottom:37px}.category-index a,.pattern-card a{display:block;color:var(--accent);font-weight:700;text-align:center;text-transform:capitalize;line-height:1.35}.category-index img,.pattern-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.category-index span,.pattern-card h3{display:block;font:700 20px/1.35 "Sen",Arial,sans-serif;margin:12px 0 0}.home-section{border-top:1px solid var(--border);padding-top:0;margin-top:37px}.home-section:first-of-type{border:0;margin-top:0}.home-section>h2{text-align:center;background:var(--soft);padding:3px 12px;margin:0 0 22px}.home-section:nth-of-type(3n)>h2{background:var(--sage-soft)}.home-section>p:not(.see-more){margin-bottom:27px}.home-section .pattern-grid{margin-bottom:24px}.see-more{text-align:center;font-weight:700;margin:0 0 23px}.see-more a{border-bottom:2px solid var(--accent)}
.layout-with-sidebar{display:grid;grid-template-columns:minmax(0,var(--content)) var(--sidebar);gap:var(--gutter);align-items:start;padding:7px 37.5px 63px}.content{min-width:0}.archive-header h1{margin:0 0 12px}.archive-header p{font-size:20px;line-height:1.65}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:57px 17px;margin-top:35px}.archive-grid .pattern-card h3{font-size:17px}.navigation.pagination{margin:58px 0 0}.nav-links{display:flex;gap:8px}.page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--border);font-size:17px}.page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}
.sidebar{font-size:17.6px;line-height:1.75}.widget{margin-bottom:38px}.widget-title{font-size:24.2px;margin:0 0 18px;border-bottom:4px solid var(--sage);padding-bottom:7px}.sidebar-card{display:grid;grid-template-columns:94px 1fr;gap:12px;align-items:center;color:var(--text);font-weight:700;line-height:1.35;margin-bottom:16px}.sidebar-card img{width:94px;height:94px;object-fit:cover}.sidebar-card span{font-size:15px}
.single-entry{margin-bottom:60px}.entry-header h1{margin:0 0 10px}.entry-meta{font-size:17.6px;line-height:2.2;color:var(--muted);margin:0 0 31px}.featured-image{margin:0 0 31px}.entry-content{font-size:22px;line-height:1.875}.entry-content h2{font-size:35.75px;margin:37px 0 21px}.entry-content h3{font-size:30.25px;margin:37px 0 21px}.entry-content img{width:100%;margin:31px 0}.entry-content figure{margin:31px 0}.entry-content table{width:100%;border-collapse:collapse;font-size:18px}.entry-content th,.entry-content td{border:1px solid var(--border);padding:10px;text-align:left}.entry-footer{margin-top:27px;color:var(--muted)}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-block:1px solid var(--border);padding:24px 0;margin-bottom:50px;font-size:17px;line-height:1.5}.post-navigation div:last-child{text-align:right}.related h2{font-size:30px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.related-grid .pattern-card h3{font-size:17px}.page-layout{max-width:803px;padding:7px 37.5px 74px}
.site-footer{background:var(--footer);border-top:1px solid var(--border);font-size:20px;line-height:1.75;padding:58px 0 0}.footer-inner{width:min(var(--frame),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:56px;padding-bottom:55px}.site-footer h3{font-size:30.25px;margin:0 0 21px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer a{color:var(--text)}.footer-brand img{width:250px;margin:-10px auto 10px}.footer-brand{text-align:center}.footer-brand p{font-size:18px}.site-info{border-top:1px solid var(--border);width:min(var(--frame),calc(100% - 40px));margin:auto;padding:20px 0;display:flex;justify-content:space-between;gap:30px;font-size:15px}.site-info p{margin:0}.site-info ul{display:flex;gap:18px}
@media(max-width:1050px){.header-inner{padding:0 20px;grid-template-columns:190px 1fr 44px;gap:20px}.brand,.brand img{width:190px}.primary-nav ul{gap:20px}.primary-nav{font-size:17px}.layout-with-sidebar{grid-template-columns:minmax(0,1fr) 270px}.archive-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){body{font-size:19px;line-height:1.72}.site-header,.header-inner{height:70px}.header-inner{grid-template-columns:44px 1fr 44px}.brand{justify-self:center;width:190px}.menu-toggle{display:block;position:relative;width:44px;height:44px}.menu-toggle span:not(.screen-reader-text){display:block;width:24px;height:2px;background:var(--text);margin:5px auto}.primary-nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--surface);border-bottom:1px solid var(--border);padding:18px 20px}.primary-nav.is-open{display:block}.primary-nav ul{display:block}.primary-nav li{border-bottom:1px solid var(--border)}.primary-nav a{display:block;padding:10px}.header-search{left:20px;right:20px}.search-form input{min-width:0;width:100%}.site-inner{width:100%;margin-top:20px}.home-content,.layout-with-sidebar,.page-layout{padding:7px 20px 60px}.category-index,.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 16px}.category-index span,.pattern-card h3{font-size:17px}.home-section>h2{font-size:29px}.layout-with-sidebar{display:flex;flex-direction:column}.content,.sidebar{width:100%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 16px}.archive-grid .pattern-card h3{font-size:16px}.sidebar{margin-top:25px}.sidebar-card{grid-template-columns:90px 1fr}.entry-header h1{font-size:31px}.entry-content{font-size:19px;line-height:1.72}.entry-content h2{font-size:29px}.entry-content h3{font-size:25px}.footer-inner{grid-template-columns:1fr;gap:40px;text-align:center}.footer-brand{grid-row:1}.site-footer ul{padding:0}.site-info{display:block;text-align:center}.site-info ul{justify-content:center;flex-wrap:wrap}.post-navigation{grid-template-columns:1fr}.post-navigation div:last-child{text-align:left}.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.home-content,.layout-with-sidebar,.page-layout{padding-left:20px;padding-right:20px}.brand,.brand img{width:165px}.header-inner{padding:0 10px}.category-index,.pattern-grid{gap:34px 12px}.home-intro{font-size:18px}.home-section>h2{font-size:27px}.home-section>p{font-size:18px}.entry-header h1{font-size:29px}.entry-meta{font-size:15px;line-height:1.6}.related-grid{grid-template-columns:1fr 1fr}.footer-inner{width:calc(100% - 40px)}.site-footer{padding-top:45px}}
@media(max-width:360px){.home-content,.layout-with-sidebar,.page-layout{padding-left:15px;padding-right:15px}.category-index,.pattern-grid,.archive-grid{gap:30px 10px}.category-index span,.pattern-card h3,.archive-grid .pattern-card h3{font-size:15px}.brand,.brand img{width:150px}}