.recipes-page{background:#06131c url('assets/bf3-nachtkonvoi.png') center top/cover fixed no-repeat;color:#ecf2f7}.recipe-nav{display:flex;gap:22px;align-items:center;justify-content:center;padding:9px 15px;background:#05121bec;border-bottom:1px solid #a77b27;flex-wrap:wrap}.recipe-nav a{font-size:12px;color:#d4dce4;text-decoration:none}.recipe-nav [aria-current]{color:#ffda56}.recipe-banner{position:relative;aspect-ratio:1536/342;overflow:hidden;background:#07141d}.recipe-banner>img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;max-width:none}.recipe-banner-actions{position:absolute;right:5%;bottom:4%;display:flex;gap:9px}.recipe-banner-actions button{font-size:12px;min-height:43px}.recipe-banner-actions .outline{background:#071722;border-color:#edbf45}.recipe-mobile-title{display:none}.recipe-layout{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:244px minmax(0,1fr);gap:16px;padding:0 28px 30px}.recipe-sidebar{display:flex;flex-direction:column;gap:12px}.recipe-panel{background:linear-gradient(135deg,#0b202bef,#03121aef);border:1px solid #917024;border-radius:10px;overflow:hidden}.recipe-panel h2{font-size:17px;margin:14px 17px;color:#f3f6fa}.recipe-sidebar nav{display:flex;flex-direction:column;gap:0;padding:0 7px 10px}.recipe-sidebar nav button{background:none;color:#dce5ed;border:0;border-bottom:1px solid #263944;border-radius:0;padding:9px 10px;display:grid;grid-template-columns:26px 1fr auto;gap:10px;font-size:12px;text-align:left;justify-content:stretch;font-weight:400;min-height:34px}.recipe-sidebar nav button i{font-style:normal;font-size:21px;color:#ffd447;line-height:1}.recipe-sidebar nav button small{color:#8495a7}.recipe-sidebar nav button.active{background:linear-gradient(100deg,#ffdb60,#ffd13f);border-radius:5px;color:#09141c;font-weight:800}.recipe-sidebar nav button.active small,.recipe-sidebar nav button.active i{color:#111}.recipe-random{background:radial-gradient(ellipse at top left,#67501844,#071620 65%);border:1px solid #d2a73d;box-shadow:0 0 13px #df9d2126;min-height:82px;justify-content:flex-start;padding:14px 17px;color:#ffd548}.recipe-random b{font-size:43px;line-height:1}.recipe-random span{text-align:left}.recipe-random small{display:block;font-size:11px;color:#dce2e7;font-weight:400}.recipe-main{min-width:0;background:#04131bcc;border:1px solid #304750;border-radius:10px;padding:12px 10px}.recipe-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(115px,.37fr));gap:12px;margin-bottom:10px}.recipe-toolbar input,.recipe-toolbar select{width:100%;margin:0;padding:9px 10px;font-size:11px;background:#081a25;border:1px solid #547080;border-radius:5px;color:#dfeaf3}.recipe-search{display:flex;align-items:center;position:relative}.recipe-search span{position:absolute;left:10px;font-size:23px}.recipe-search input{padding-left:34px}.recipe-view-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b7c5d1;margin:8px 0}.recipe-view-title button{padding:4px 8px;font-size:10px}.recipe-feature-row{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(190px,1fr);gap:10px}.recipe-feature-card{position:relative;display:grid;grid-template-columns:49% 1fr;min-height:220px;border:1px solid #d9ad35;border-radius:10px;overflow:hidden;background:#04151f;box-shadow:0 0 15px #ffcf3214;height:100%}.recipe-photo{position:relative;overflow:hidden;background:radial-gradient(ellipse,#4e3920,#14252d 70%);display:grid;place-items:center;min-height:110px}.recipe-photo img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.recipe-photo .recipe-placeholder{font-size:50px;opacity:.8}.recipe-feature-card .recipe-photo{min-height:220px}.recipe-feature-content{padding:14px 16px;display:flex;flex-direction:column;align-items:flex-start}.recipe-feature-content h2{font-size:22px;margin:0 0 3px;line-height:1.25;overflow-wrap:anywhere}.recipe-author{font-size:11px;color:#d4dce4}.recipe-author b{color:#ffda64;font-weight:400}.recipe-stars{font-size:17px;color:#ffd341;margin:5px 0}.recipe-stars small{font-size:10px;color:#d4dce4;margin-left:5px}.recipe-feature-content p{font-size:13px;color:#cdd8e0;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.recipe-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;color:#d8e3eb}.recipe-meta b{color:#ffdc53;font-size:18px;font-weight:400}.recipe-feature-content>button{align-self:flex-end;margin-top:auto;padding:11px 15px;font-size:11px}.recipe-month h2{color:#ffd443;font-size:20px;margin:10px 12px}.recipe-month .recipe-card{border:0;border-radius:0;box-shadow:none}.recipe-month .recipe-photo{height:125px}.recipe-month .recipe-card-content{padding:8px 12px}.recipe-month .recipe-meta{display:none}.recipe-section-title{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}.recipe-section-title h2{font-size:20px;margin:0}.recipe-section-title button{padding:6px 15px;font-size:10px;border-color:#dfb744}.recipe-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.recipe-card{position:relative;background:linear-gradient(130deg,#10242f,#03131b);border:1px solid #b38a2c;border-radius:9px;overflow:hidden;box-shadow:0 0 8px #dca72912}.recipe-card .recipe-photo{height:110px;cursor:pointer}.recipe-card-content{padding:7px 9px}.recipe-card-content h3{font-size:13px;margin:0 0 2px;line-height:1.25;overflow-wrap:anywhere}.recipe-card-title{padding:0!important;background:none!important;border:0!important;color:inherit!important;text-align:left;justify-content:flex-start;font-size:inherit;min-height:0}.recipe-card-content .recipe-author{font-size:10px}.recipe-card-content .recipe-stars{font-size:15px;margin:3px 0}.recipe-card-content .recipe-meta{gap:6px;font-size:9px;min-height:26px}.recipe-card-content .recipe-meta b{font-size:14px}.recipe-category-chip{display:inline-block;color:#fff1ce;font-size:9px;padding:2px 7px;background:#69431277;border:1px solid #a67c2a;border-radius:4px;margin-top:7px}.recipe-heart{position:absolute;top:8px;left:8px;z-index:1;background:#05131fe0;border:1px solid #f6c748;color:#ffd64d;font-size:25px;width:32px;height:32px;padding:0;border-radius:8px}.recipe-heart[aria-pressed=true]{background:#d99d1ae6;color:#fff7d8}.recipe-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.recipe-highlights button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:100px;text-align:left;padding:10px 15px;background:radial-gradient(ellipse at right,#7d4f1e44,#061721 70%);border:1px solid #c19836;color:#f6f7f8}.recipe-highlights b{font-size:14px}.recipe-highlights span{font-size:10px;color:#d1dae2;font-weight:400;max-width:200px}.recipe-highlights small{font-size:10px;background:#ffd443;color:#101921;border-radius:4px;padding:4px 12px}.recipe-empty,.recipe-month-empty{padding:24px;text-align:center;color:#bccbd5;font-size:13px}.recipe-empty{border:1px dashed #8d7135;border-radius:9px}.recipe-dialog{width:min(850px,95vw);max-height:92vh;border:1px solid #c79e36;border-radius:13px;background:#0a1d29;color:#e5eef6;padding:22px;overflow:auto}.recipe-dialog::backdrop{background:#020a12db;backdrop-filter:blur(5px)}.recipe-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.recipe-dialog-heading h2{font-size:23px;margin:0;color:#ffdc63}.recipe-dialog-heading button{padding:5px 12px}.recipe-dialog form>label{display:block;margin:10px 0}.recipe-dialog input:not([type=checkbox]),.recipe-dialog textarea,.recipe-dialog select{width:100%;margin:5px 0;background:#06131f;color:#e9eff4;border:1px solid #526777;border-radius:5px;padding:10px;font:inherit}.recipe-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recipe-checkbox{display:flex!important;align-items:center;gap:10px}.recipe-checkbox input{width:auto}.recipe-small{font-size:12px;color:#aebfcb}.recipe-detail-photo{width:100%;max-height:340px;object-fit:cover;border-radius:8px}.recipe-detail-body h2{font-size:28px;color:#ffe17b;margin-bottom:5px}.recipe-detail-body p{white-space:pre-wrap;overflow-wrap:anywhere}.recipe-detail-body ul,.recipe-detail-body ol{padding-left:24px;line-height:1.9;overflow-wrap:anywhere}.recipe-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.recipe-detail-actions button{font-size:12px;padding:8px 12px}.recipe-rate{border:1px solid #6a643c;border-radius:8px;padding:14px;margin-top:15px}.recipe-rate button{padding:4px 10px;background:none;border:0;font-size:26px;color:#ffd44a}.recipe-dialog [role=status],#recipe-status{color:#ffdd82;font-size:13px;white-space:pre-wrap}.recipe-feature-empty{min-height:220px;display:grid;place-content:center;text-align:center;color:#ffdc60;background:radial-gradient(ellipse,#41321966,#061720);border:1px solid #a88b3b;border-radius:10px;padding:24px}.recipe-feature-empty p{color:#bccbd4;font-size:13px}
@media(min-width:1700px){.recipe-banner{max-width:1700px;margin:auto}.recipe-banner-actions{bottom:5%}}@media(max-width:1150px){.recipe-layout{padding:0 15px 25px;grid-template-columns:200px minmax(0,1fr);gap:10px}.recipe-cards{grid-template-columns:repeat(3,1fr)}.recipe-feature-row{grid-template-columns:1fr}.recipe-month{display:grid;grid-template-columns:200px 1fr;align-items:center}.recipe-month .recipe-card{display:grid;grid-template-columns:150px 1fr}.recipe-month .recipe-photo{height:115px}.recipe-toolbar{grid-template-columns:repeat(3,1fr)}.recipe-search{grid-column:1/-1}.recipe-banner-actions button{font-size:10px;min-height:32px;padding:6px 10px}.recipe-feature-content h2{font-size:19px}}
@media(max-width:700px){.recipe-banner{aspect-ratio:auto;height:255px;background:#07151e}.recipe-banner>img{width:180%;max-width:none;left:-10%;height:auto}.recipe-mobile-title{display:block;position:absolute;inset:95px 0 0;padding:12px 20px;background:linear-gradient(#07151eeb,#07151e)}.recipe-mobile-title h1{font-size:29px;margin:0}.recipe-mobile-title em{color:#ffdc64;font-family:cursive}.recipe-mobile-title p{font-size:12px;margin:3px 0}.recipe-banner-actions{left:20px;right:auto;bottom:15px}.recipe-banner-actions button{font-size:11px;min-height:38px}.recipe-layout{grid-template-columns:1fr;padding:0 10px 20px}.recipe-sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.recipe-sidebar nav button{grid-template-columns:20px 1fr;padding:8px 5px;font-size:10px;gap:4px;border:1px solid #233946;border-radius:5px}.recipe-sidebar nav button small{display:none}.recipe-sidebar nav button i{font-size:16px}.recipe-random{min-height:54px;padding:5px 14px}.recipe-random b{font-size:30px}.recipe-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-feature-card{grid-template-columns:1fr}.recipe-feature-card .recipe-photo{min-height:190px}.recipe-feature-content{min-height:200px}.recipe-month{display:block}.recipe-month .recipe-card{grid-template-columns:40% 1fr}.recipe-highlights{grid-template-columns:1fr}.recipe-toolbar{gap:6px}.recipe-toolbar select{font-size:10px;padding:7px 4px}.recipe-form-grid{grid-template-columns:repeat(2,1fr)}.recipe-dialog{padding:15px}.recipe-nav{gap:12px}.recipe-nav a{font-size:10px}}
.recipe-photo-open{position:absolute;inset:0;z-index:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;font-size:0}.recipe-photo-open:hover{background:#ffffff08}.recipe-heart{z-index:2}.recipe-rate p{margin-bottom:0}.recipe-banner-actions .selected{box-shadow:0 0 12px #ffda5566}
.recipe-badge{position:absolute;top:10px;right:10px;background:#ffda4d;color:#111b20;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:800}
/* Cover the reference artwork's printed buttons with the actual controls at the same coordinates. */
.recipe-banner-actions{left:71%;right:5%;bottom:4%;height:13%;display:grid;grid-template-columns:1.1fr 1fr;background:#061722;border-radius:5px}.recipe-banner-actions button{width:100%;height:100%;min-height:0;padding:5px 8px;font-size:clamp(9px,.8vw,13px);white-space:nowrap}.recipes-page{background-image:linear-gradient(#03121bdf,#03121bf2),url('assets/bf3-nachtkonvoi.png')}.recipe-sidebar nav button i{filter:grayscale(1) sepia(1) saturate(5)}
@media(max-width:700px){.recipe-banner-actions{left:20px;right:20px;bottom:15px;height:40px;grid-template-columns:1.15fr 1fr;background:transparent}.recipe-banner-actions button{font-size:11px;padding:5px}}