:root{--brick:#a64632;--brick-dark:#783321;--sage:#697b56;--cream:#fff9eb;--paper:#fffdf7;--ink:#3a3029;--line:#d7c7af}
*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font:16px/1.66 Arial,Verdana,sans-serif;background-color:#e9e0cf;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 13px,rgba(168,70,50,.035) 13px,rgba(168,70,50,.035) 14px),repeating-linear-gradient(90deg,transparent 0,transparent 13px,rgba(168,70,50,.028) 13px,rgba(168,70,50,.028) 14px)}
a{color:#8a3728;text-decoration:underline;text-underline-offset:2px}a:hover,a:focus{color:#4e6a37}img{max-width:100%;height:auto} .wrap{max-width:1160px;margin:auto;box-shadow:0 5px 26px #66523b25;background:var(--cream);min-height:100vh}
.masthead{height:258px;background:linear-gradient(90deg,rgba(43,24,16,.90) 0%,rgba(43,24,16,.76) 31%,rgba(43,24,16,.07) 75%),url('hlavicka-kuchyne.webp') center 30%/cover no-repeat;position:relative;display:flex;align-items:center;padding:30px 45px;color:white}.masthead .brand{font:700 clamp(2.1rem,5vw,4rem)/1.08 Georgia,serif;color:#fff9e8;text-shadow:1px 2px 4px #24160c}.masthead .brand span{color:#f2c29a}.masthead .strap{font:italic 1.2rem Georgia,serif;color:#f6e6d5;margin-top:13px}.brand-icon{font-size:2.2rem;display:inline-block;margin-right:12px;color:#f7c58b}
.tabs{display:flex;flex-wrap:wrap;background:#a64632;padding:0 18px;gap:4px;border-bottom:5px solid #d4a179}.tabs a{padding:12px 21px;text-decoration:none;color:#fff5e8;font-weight:700;background:linear-gradient(#b85d46,#873923);border-radius:7px 7px 0 0;border:1px solid #cc846d;border-bottom:0}.tabs a.active,.tabs a:hover{background:linear-gradient(#f9ebd5,#eed6b7);color:#743c2b}
.content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;padding:24px 28px 35px}.sidebar{min-width:0}.sidebar-box{background:#f8efdc;border:1px solid #d8c3a6;border-radius:7px;margin-bottom:18px;overflow:hidden}.sidebar-box h2{margin:0;padding:10px 13px;font:700 1.1rem Georgia,serif;color:#fff;background:linear-gradient(#80916b,#5b6f4b)}.sidebar-box ul{list-style:none;margin:0;padding:10px 13px}.sidebar-box li{padding:6px 0;border-bottom:1px dotted #c5b89e}.sidebar-box li:last-child{border:0}.sidebar-box a{font-size:.93rem}.small-note{padding:11px 14px;font-size:.9rem}.crumbs{font-size:.83rem;color:#756555;margin-bottom:13px}.main{min-width:0}.main h1{font:700 clamp(1.75rem,3vw,2.4rem)/1.2 Georgia,serif;color:#743827;margin:4px 0 14px}.main h2{font:700 1.45rem Georgia,serif;color:#78412c;margin:27px 0 9px}.main h3{font:700 1.13rem Georgia,serif;color:#4c6541;margin:18px 0 7px}.main p{margin:0 0 13px}.main ul,.main ol{padding-left:25px}.main li{margin:7px 0}.intro{background:linear-gradient(120deg,#fffefa,#f6e7d2);border:1px solid #e2c8a9;padding:18px;border-radius:8px;margin-bottom:20px}.intro p:last-child{margin-bottom:0}
.section-head{font:700 1.45rem Georgia,serif;color:#7e3627;border-bottom:3px double #d2ae8d;margin:22px 0 14px;padding-bottom:5px}.row-list{display:grid;gap:13px}.recipe-row{display:grid;grid-template-columns:175px 1fr;gap:15px;padding:11px;background:#fffef9;border:1px solid #e0cfb9;border-left:5px solid #a84c37;border-radius:6px;box-shadow:0 2px 4px #79583910}.recipe-row img{width:175px;height:120px;object-fit:cover;border-radius:4px}.recipe-row h3{font:700 1.2rem Georgia,serif;margin:0 0 5px}.recipe-row p{margin:4px 0 7px;font-size:.94rem}.meta{display:inline-block;font-size:.8rem;color:#6b6c4c;background:#f1eddb;border:1px solid #e3d7bd;border-radius:3px;padding:2px 7px;margin-bottom:7px}.photo-article{width:100%;max-height:360px;object-fit:cover;border-radius:8px;border:5px solid #f3e7d4;display:block;margin:14px 0 22px}.article-body{max-width:790px}.article-body strong{color:#543a2c}.article-body a{overflow-wrap:anywhere}.article-body blockquote{border-left:4px solid var(--sage);background:#f0f3e9;padding:14px;margin:20px 0}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.quick-grid a{display:block;background:#f4f2e6;padding:14px;border-top:4px solid #81926c;border-radius:5px;text-decoration:none;font-weight:700}.quick-grid a:hover{background:#e9eadb}.footer{border-top:5px solid #b06a52;background:#ece1ce;color:#695b4e;text-align:center;padding:20px;font-size:.88rem}.footer a{margin:0 9px}.related{background:#f5eddd;border:1px solid #ddc9ae;padding:14px;margin-top:26px;border-radius:6px}.related h2{margin-top:0;font-size:1.2rem}
@media(max-width:750px){.masthead{height:215px;padding:23px;background-position:center}.content{grid-template-columns:1fr;padding:17px;gap:18px}.sidebar{order:2}.main{order:1}.tabs{padding:5px;gap:4px}.tabs a{font-size:.88rem;padding:9px 10px;border-radius:5px}.recipe-row{grid-template-columns:118px 1fr;gap:11px}.recipe-row img{width:118px;height:112px}.quick-grid{grid-template-columns:1fr}.sidebar-box ul{columns:2}.sidebar-box li{break-inside:avoid}}@media(max-width:430px){.masthead{height:190px;padding:16px}.masthead .brand{font-size:2.05rem}.masthead .strap{font-size:1rem}.recipe-row{grid-template-columns:1fr}.recipe-row img{width:100%;height:180px}.sidebar-box ul{columns:1}.main h1{font-size:1.85rem}}