/* ═══════════════════════════════════════════════════════
   HomeBakes — Recipe Box (Listing) Page Styles
═══════════════════════════════════════════════════════ */

body {
  min-height: 100vh;
  /* FlowerPetal Formica — pure CSS, no image, no seams! */
  background-color: #E2C4B8;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' fill='%23F8F5EE' opacity='0.4'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27400%27%20height%3D%27400%27%20viewBox%3D%270%200%20400%20400%27%3E%3Cpath%20d%3D%27M248.0%2C-9.9%20C269.6%2C1.5%20274.6%2C31.0%20258.0%2C48.9%20C243.1%2C41.4%20236.4%2C2.1%20248.0%2C-9.9%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.4%27/%3E%3Cpath%20d%3D%27M253.2%2C209.5%20C277.4%2C188.5%20315.6%2C196.2%20329.7%2C225.0%20C313.5%2C239.6%20262.5%2C229.3%20253.2%2C209.5%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.57%27/%3E%3Cpath%20d%3D%27M218.3%2C42.4%20C195.6%2C41.8%20179.4%2C19.5%20185.8%2C-2.3%20C201.3%2C-2.1%20222.9%2C27.7%20218.3%2C42.4%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.45%27/%3E%3Cpath%20d%3D%27M178.1%2C162.8%20C148.8%2C137.6%20151.4%2C90.5%20183.3%2C68.6%20C203.6%2C85.5%20200.1%2C148.3%20178.1%2C162.8%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.68%27/%3E%3Cpath%20d%3D%27M165.0%2C26.5%20C179.8%2C64.5%20154.1%2C107.1%20113.6%2C111.6%20C103.0%2C85.9%20137.3%2C29.1%20165.0%2C26.5%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.61%27/%3E%3Cpath%20d%3D%27M118.0%2C132.7%20C137.4%2C118.2%20165.8%2C126.2%20174.9%2C148.7%20C161.8%2C158.8%20123.9%2C148.2%20118.0%2C132.7%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.77%27/%3E%3Cpath%20d%3D%27M361.6%2C187.1%20C349.1%2C158.7%20367.2%2C125.4%20397.9%2C120.5%20C406.9%2C139.8%20382.7%2C184.2%20361.6%2C187.1%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.53%27/%3E%3Cpath%20d%3D%27M160.0%2C103.3%20C140.6%2C101.4%20127.9%2C81.2%20134.8%2C62.8%20C148.1%2C63.9%20165.0%2C90.9%20160.0%2C103.3%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M366.5%2C329.8%20C356.9%2C355.0%20325.4%2C364.5%20303.5%2C348.8%20C309.7%2C331.4%20351.8%2C318.8%20366.5%2C329.8%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.67%27/%3E%3Cpath%20d%3D%27M162.1%2C303.3%20C128.5%2C295.1%20111.3%2C256.5%20127.9%2C226.0%20C151.0%2C231.2%20173.8%2C282.7%20162.1%2C303.3%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.66%27/%3E%3Cpath%20d%3D%27M94.4%2C268.8%20C96.6%2C290.5%2077.2%2C308.8%2055.7%2C305.3%20C53.9%2C290.6%2079.7%2C266.2%2094.4%2C268.8%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.5%27/%3E%3Cpath%20d%3D%27M51.9%2C118.0%20C82.6%2C98.6%20124.1%2C113.9%20135.0%2C148.4%20C114.3%2C162.1%2058.9%2C141.8%2051.9%2C118.0%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.71%27/%3E%3Cpath%20d%3D%27M206.6%2C55.0%20C171.6%2C73.8%20127.5%2C53.9%20118.3%2C15.3%20C141.9%2C2.0%20200.8%2C28.5%20206.6%2C55.0%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.44%27/%3E%3Cpath%20d%3D%27M305.9%2C147.9%20C290.6%2C184.6%20243.7%2C197.0%20212.2%2C172.7%20C222.2%2C147.5%20284.7%2C131.0%20305.9%2C147.9%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.67%27/%3E%3Cpath%20d%3D%27M332.4%2C195.9%20C325.0%2C230.9%20285.8%2C249.8%20253.8%2C233.8%20C258.4%2C209.8%20310.7%2C184.5%20332.4%2C195.9%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.45%27/%3E%3Cpath%20d%3D%27M62.5%2C369.2%20C90.8%2C359.1%20121.7%2C378.9%20124.2%2C408.9%20C105.0%2C416.2%2063.8%2C389.7%2062.5%2C369.2%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.72%27/%3E%3Cpath%20d%3D%27M102.3%2C94.5%20C69.8%2C104.9%2035.5%2C81.2%2033.8%2C47.1%20C55.9%2C39.6%20101.6%2C71.2%20102.3%2C94.5%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.73%27/%3E%3Cpath%20d%3D%27M356.4%2C249.5%20C347.5%2C209.4%20379.6%2C170.9%20420.7%2C172.6%20C427.3%2C199.9%20384.4%2C251.2%20356.4%2C249.5%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.68%27/%3E%3Cpath%20d%3D%27M48.4%2C389.6%20C22.8%2C364.6%2027.9%2C321.2%2058.6%2C302.8%20C76.5%2C319.6%2069.7%2C377.5%2048.4%2C389.6%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.66%27/%3E%3Cpath%20d%3D%27M139.9%2C217.3%20C134.9%2C176.9%20170.2%2C142.0%20210.5%2C147.5%20C214.4%2C175.0%20167.4%2C221.5%20139.9%2C217.3%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.89%27/%3E%3Cpath%20d%3D%27M317.1%2C220.6%20C296.9%2C223.2%20279.3%2C205.5%20281.9%2C185.3%20C295.8%2C183.2%20319.2%2C206.8%20317.1%2C220.6%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.47%27/%3E%3Cpath%20d%3D%27M60.2%2C159.7%20C67.9%2C139.4%2093.3%2C131.7%20111.0%2C144.4%20C106.0%2C158.4%2072.1%2C168.6%2060.2%2C159.7%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.54%27/%3E%3Cpath%20d%3D%27M254.0%2C176.6%20C258.2%2C196.8%20241.8%2C215.8%20221.2%2C214.7%20C218.1%2C201.0%20239.9%2C175.6%20254.0%2C176.6%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.69%27/%3E%3Cpath%20d%3D%27M104.3%2C249.6%20C87.3%2C239.4%2084.6%2C215.4%2098.8%2C201.6%20C110.5%2C208.4%20114.1%2C240.3%20104.3%2C249.6%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.75%27/%3E%3Cpath%20d%3D%27M173.6%2C71.2%20C184.3%2C39.3%20223.1%2C25.9%20251.2%2C44.3%20C244.3%2C66.3%20192.6%2C84.2%20173.6%2C71.2%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.58%27/%3E%3Cpath%20d%3D%27M368.7%2C177.6%20C350.7%2C191.9%20323.5%2C185.0%20314.4%2C163.9%20C326.5%2C154.0%20362.7%2C163.1%20368.7%2C177.6%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.5%27/%3E%3Cpath%20d%3D%27M309.9%2C132.1%20C314.6%2C165.7%20285.6%2C195.2%20251.9%2C191.2%20C248.3%2C168.3%20286.9%2C128.9%20309.9%2C132.1%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.46%27/%3E%3Cpath%20d%3D%27M125.4%2C41.8%20C109.9%2C51.8%2088.8%2C44.4%2083.0%2C26.9%20C93.4%2C19.8%20121.7%2C29.8%20125.4%2C41.8%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.42%27/%3E%3Cpath%20d%3D%27M13.4%2C265.8%20C14.8%2C242.4%2038.4%2C226.5%2060.6%2C233.9%20C59.9%2C249.8%2028.4%2C271.1%2013.4%2C265.8%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.65%27/%3E%3Cpath%20d%3D%27M81.5%2C243.5%20C104.5%2C241.5%20123.4%2C262.3%20119.4%2C285.0%20C103.7%2C286.6%2078.5%2C258.9%2081.5%2C243.5%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.48%27/%3E%3Cpath%20d%3D%27M74.4%2C170.9%20C100.6%2C162.2%20128.5%2C181.0%20130.3%2C208.6%20C112.5%2C214.9%2075.2%2C189.8%2074.4%2C170.9%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.46%27/%3E%3Cpath%20d%3D%27M190.9%2C225.6%20C156.1%2C219.5%20136.2%2C181.3%20151.0%2C149.3%20C174.8%2C153.0%20201.4%2C203.9%20190.9%2C225.6%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.4%27/%3E%3Cpath%20d%3D%27M162.6%2C92.0%20C193.3%2C115.2%20193.7%2C162.1%20163.4%2C185.9%20C142.1%2C170.4%20141.6%2C107.8%20162.6%2C92.0%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.65%27/%3E%3Cpath%20d%3D%27M38.4%2C104.8%20C34.5%2C76.1%2059.4%2C51.0%2088.2%2C54.7%20C91.1%2C74.2%2057.9%2C107.6%2038.4%2C104.8%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.62%27/%3E%3Cpath%20d%3D%27M314.0%2C219.2%20C325.6%2C204.0%20348.9%2C203.9%20360.6%2C219.0%20C352.9%2C229.5%20321.8%2C229.7%20314.0%2C219.2%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.74%27/%3E%3Cpath%20d%3D%27M388.6%2C330.1%20C376.9%2C348.6%20350.3%2C351.0%20335.4%2C334.9%20C343.2%2C322.1%20378.7%2C318.9%20388.6%2C330.1%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.72%27/%3E%3Cpath%20d%3D%27M369.8%2C58.6%20C370.4%2C76.6%20353.5%2C90.5%20336.0%2C86.5%20C335.4%2C74.2%20357.9%2C55.7%20369.8%2C58.6%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.71%27/%3E%3Cpath%20d%3D%27M298.2%2C325.6%20C261.8%2C321.8%20238.3%2C283.9%20251.2%2C249.6%20C276.1%2C251.7%20307.4%2C302.3%20298.2%2C325.6%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.67%27/%3E%3Cpath%20d%3D%27M160.1%2C388.3%20C134.8%2C407.5%2097.5%2C397.3%2085.4%2C368.0%20C102.4%2C354.5%20152.2%2C368.1%20160.1%2C388.3%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.44%27/%3E%3Cpath%20d%3D%27M76.7%2C200.6%20C46.8%2C226.9%20-0.9%2C217.5%20-18.6%2C181.7%20C1.5%2C163.4%2065.1%2C176.0%2076.7%2C200.6%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.74%27/%3E%3Cpath%20d%3D%27M58.2%2C115.5%20C26.6%2C109.6%208.9%2C74.7%2022.7%2C45.7%20C44.3%2C49.4%2068.0%2C95.9%2058.2%2C115.5%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.62%27/%3E%3Cpath%20d%3D%27M330.3%2C216.9%20C355.3%2C197.3%20392.8%2C206.9%20405.3%2C236.0%20C388.5%2C249.7%20338.5%2C237.0%20330.3%2C216.9%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.62%27/%3E%3Cpath%20d%3D%27M217.9%2C161.6%20C255.4%2C176.1%20269.3%2C223.1%20245.7%2C255.7%20C219.9%2C246.3%20201.4%2C183.6%20217.9%2C161.6%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.44%27/%3E%3Cpath%20d%3D%27M150.1%2C48.9%20C137.5%2C79.8%2098.4%2C90.6%2071.8%2C70.5%20C80.0%2C49.3%20132.2%2C34.9%20150.1%2C48.9%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.53%27/%3E%3Cpath%20d%3D%27M270.1%2C229.7%20C254.3%2C242.5%20230.2%2C236.7%20222.0%2C218.1%20C232.6%2C209.2%20264.7%2C217.0%20270.1%2C229.7%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.43%27/%3E%3Cpath%20d%3D%27M397.0%2C310.0%20C403.4%2C348.4%20371.0%2C383.1%20332.3%2C379.4%20C327.4%2C353.3%20370.6%2C307.0%20397.0%2C310.0%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.62%27/%3E%3Cpath%20d%3D%27M198.7%2C172.2%20C176.8%2C137.1%20194.6%2C89.8%20234.2%2C77.7%20C249.5%2C101.4%20225.9%2C164.5%20198.7%2C172.2%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.39%27/%3E%3Cpath%20d%3D%27M282.3%2C139.2%20C291.4%2C106.7%20329.6%2C91.3%20358.7%2C108.4%20C352.9%2C130.7%20302.0%2C151.2%20282.3%2C139.2%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.58%27/%3E%3Cpath%20d%3D%27M353.3%2C266.3%20C367.5%2C282.6%20362.3%2C308.4%20342.9%2C318.0%20C333.0%2C307.0%20339.9%2C272.5%20353.3%2C266.3%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.69%27/%3E%3Cpath%20d%3D%27M116.8%2C248.9%20C103.5%2C269.1%2074.0%2C271.2%2057.9%2C253.1%20C66.8%2C239.2%20106.0%2C236.3%20116.8%2C248.9%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.55%27/%3E%3Cpath%20d%3D%27M168.1%2C136.9%20C155.4%2C124.1%20158.3%2C102.4%20173.9%2C93.4%20C182.7%2C101.9%20178.8%2C130.9%20168.1%2C136.9%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.55%27/%3E%3Cpath%20d%3D%27M110.7%2C193.7%20C80.8%2C211.4%2041.5%2C195.5%2032.1%2C162.1%20C52.3%2C149.6%20104.7%2C170.8%20110.7%2C193.7%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.54%27/%3E%3Cpath%20d%3D%27M326.5%2C386.0%20C314.9%2C357.3%20334.0%2C324.8%20364.7%2C321.0%20C373.0%2C340.4%20347.5%2C383.8%20326.5%2C386.0%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.48%27/%3E%3Cpath%20d%3D%27M143.7%2C39.1%20C149.9%2C13.3%20179.5%2C0.0%20203.0%2C12.6%20C199.0%2C30.4%20159.5%2C48.1%20143.7%2C39.1%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.73%27/%3E%3Cpath%20d%3D%27M85.2%2C129.2%20C71.6%2C114.0%2076.3%2C89.6%2094.5%2C80.4%20C103.9%2C90.7%2097.7%2C123.2%2085.2%2C129.2%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.89%27/%3E%3Cpath%20d%3D%27M279.8%2C337.3%20C303.2%2C339.8%20318.2%2C364.3%20309.8%2C386.3%20C293.8%2C384.9%20273.8%2C352.2%20279.8%2C337.3%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.72%27/%3E%3Cpath%20d%3D%27M-9.2%2C303.2%20C-3.5%2C278.0%2025.1%2C264.7%2048.0%2C276.6%20C44.4%2C293.9%206.3%2C311.6%20-9.2%2C303.2%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.53%27/%3E%3Cpath%20d%3D%27M283.3%2C83.3%20C318.9%2C74.7%20353.8%2C102.8%20352.9%2C139.5%20C328.7%2C145.8%20282.2%2C108.3%20283.3%2C83.3%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.72%27/%3E%3Cpath%20d%3D%27M106.5%2C287.2%20C122.1%2C311.5%20110.1%2C344.7%2082.5%2C353.4%20C71.6%2C337.0%2087.6%2C292.8%20106.5%2C287.2%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.58%27/%3E%3Cpath%20d%3D%27M233.7%2C148.8%20C255.5%2C137.4%20282.6%2C150.1%20288.0%2C174.1%20C273.2%2C182.1%20237.0%2C165.2%20233.7%2C148.8%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.72%27/%3E%3Cpath%20d%3D%27M226.2%2C227.7%20C241.2%2C262.7%20218.6%2C303.2%20180.9%2C308.7%20C170.2%2C285.0%20200.4%2C231.0%20226.2%2C227.7%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.55%27/%3E%3Cpath%20d%3D%27M383.6%2C28.2%20C413.4%2C56.2%20408.6%2C105.8%20373.9%2C127.5%20C353.2%2C108.8%20359.6%2C42.6%20383.6%2C28.2%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.66%27/%3E%3Cpath%20d%3D%27M107.0%2C312.3%20C122.0%2C288.2%20156.3%2C284.8%20175.7%2C305.4%20C165.8%2C322.0%20120.0%2C326.6%20107.0%2C312.3%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.61%27/%3E%3Cpath%20d%3D%27M186.6%2C106.3%20C208.2%2C79.0%20250.6%2C79.4%20271.6%2C107.2%20C257.2%2C126.2%20200.6%2C125.6%20186.6%2C106.3%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.5%27/%3E%3Cpath%20d%3D%27M392.3%2C278.5%20C387.3%2C300.6%20362.3%2C312.1%20342.3%2C301.6%20C345.4%2C286.5%20378.8%2C271.1%20392.3%2C278.5%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.54%27/%3E%3Cpath%20d%3D%27M226.2%2C277.1%20C226.8%2C256.2%20247.4%2C241.2%20267.4%2C247.1%20C267.3%2C261.4%20239.8%2C281.3%20226.2%2C277.1%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.44%27/%3E%3Cpath%20d%3D%27M144.0%2C141.1%20C168.8%2C138.2%20190.0%2C160.0%20186.4%2C184.8%20C169.5%2C187.0%20141.2%2C157.9%20144.0%2C141.1%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.81%27/%3E%3Cpath%20d%3D%27M178.5%2C305.6%20C158.9%2C315.8%20134.5%2C304.5%20129.7%2C283.0%20C142.9%2C275.8%20175.4%2C290.9%20178.5%2C305.6%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.78%27/%3E%3Cpath%20d%3D%27M40.3%2C135.6%20C14.5%2C146.9%20-15.7%2C130.3%20-20.0%2C102.5%20C-2.5%2C94.4%2037.7%2C116.5%2040.3%2C135.6%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.44%27/%3E%3Cpath%20d%3D%27M167.9%2C302.1%20C149.9%2C277.9%20159.9%2C242.6%20187.8%2C231.4%20C200.4%2C247.7%20187.1%2C294.8%20167.9%2C302.1%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.41%27/%3E%3Cpath%20d%3D%27M62.8%2C171.2%20C75.0%2C201.9%2054.5%2C236.5%2021.7%2C240.5%20C12.9%2C219.7%2040.3%2C173.5%2062.8%2C171.2%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.68%27/%3E%3Cpath%20d%3D%27M94.6%2C63.1%20C109.6%2C73.9%20110.4%2C96.5%2096.1%2C108.2%20C85.7%2C101.0%2084.7%2C71.0%2094.6%2C63.1%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.8%27/%3E%3Cpath%20d%3D%27M344.4%2C204.9%20C309.0%2C221.5%20266.7%2C199.7%20259.7%2C161.2%20C283.6%2C149.5%20340.1%2C178.5%20344.4%2C204.9%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.5%27/%3E%3Cpath%20d%3D%27M156.9%2C101.3%20C178.3%2C75.4%20219.3%2C76.8%20238.8%2C104.1%20C224.5%2C122.1%20169.9%2C120.2%20156.9%2C101.3%27%20fill%3D%27none%27%20stroke%3D%27%23C4907E%27%20stroke-width%3D%271.1%27%20opacity%3D%270.7%27/%3E%3Cpath%20d%3D%27M134.2%2C306.3%20C119.7%2C337.6%2078.7%2C346.9%2052.1%2C324.9%20C61.6%2C303.3%20116.4%2C290.9%20134.2%2C306.3%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.43%27/%3E%3Cpath%20d%3D%27M354.7%2C222.7%20C318.0%2C217.6%20295.7%2C178.4%20310.0%2C144.2%20C335.1%2C147.2%20364.9%2C199.6%20354.7%2C222.7%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.48%27/%3E%3Cpath%20d%3D%27M378.6%2C387.7%20C349.5%2C373.2%20341.9%2C334.2%20363.4%2C309.8%20C383.5%2C319.4%20393.6%2C371.3%20378.6%2C387.7%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.46%27/%3E%3Cpath%20d%3D%27M337.5%2C199.7%20C332.9%2C178.5%20350.0%2C158.2%20371.7%2C159.2%20C375.1%2C173.6%20352.3%2C200.6%20337.5%2C199.7%27%20fill%3D%27none%27%20stroke%3D%27%23F2DDD5%27%20stroke-width%3D%271.1%27%20opacity%3D%270.7%27/%3E%3Cpath%20d%3D%27M147.7%2C258.2%20C122.0%2C283.7%2078.2%2C277.8%2060.2%2C246.4%20C77.4%2C228.7%20135.8%2C236.6%20147.7%2C258.2%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.42%27/%3E%3Cpath%20d%3D%27M191.9%2C256.5%20C200.5%2C278.4%20185.8%2C303.0%20162.4%2C305.7%20C156.3%2C290.9%20175.9%2C258.1%20191.9%2C256.5%27%20fill%3D%27none%27%20stroke%3D%27%23B87060%27%20stroke-width%3D%271.1%27%20opacity%3D%270.4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-size: cover, 400px 400px;
}

.page-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1.5rem 4rem;
}

/* ── Recipe Box hero ── */
.recipe-box-hero {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0 0;
}

.recipe-box-img {
  width: 500px;
  object-fit: contain;
  filter: drop-shadow(0 6px 16px rgba(0,0,0,0.18));
}

/* ── Search + Add wrapper ── */
.search-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0;
}

/* ── Main layout — recipe grid left, tabs right ── */
.recipes-layout {
  margin-top: 1.25rem;
}

/* Fix button natural pill shape */
.recipes-btn-new {
  align-self: flex-start;
  width: fit-content;
  margin-bottom: 0.75rem; /* this gap is matched by recipes-content-box top */
}

/* Grid + tabs in the same box — forces identical top alignment */
.recipes-content-box {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

/* ── Recipe grid — 75% ── */
.recipes-grid-wrapper {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.recipes-grid {
  flex: 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

/* ══════════════════════════════════════════
   VERTICAL CATEGORY TABS
   Recipe book divider style
   Paper texture, teal colors, hover grows
══════════════════════════════════════════ */
.category-tabs {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  position: sticky;
  top: 100px;

}

.category-tab {
  background-color: #B8DEE2;
  border: none;
  border-radius: 0 10px 10px 0;
  padding: 0.45rem 1rem;
  font-family: 'Lato', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: #35595F;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  transition: all 0.2s ease;
  position: relative;
  margin-bottom: -1px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
  letter-spacing: 0.02em;
  z-index: 1;
  overflow: hidden;  /* for paper texture */
}

/* Paper texture overlay on tabs */
.category-tab::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 150px 150px;
}

/* Inner edge softening */
.category-tab::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow:
    inset 2px 1px 3px rgba(255,255,255,0.3),
    inset -1px 0 2px rgba(0,0,0,0.04);
  border-radius: inherit;
}

/* Hover — tab grows taller */
.category-tab:hover {
  background-color: #98D0D6;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  z-index: 2;
}

/* Active — full teal, bold, tallest */
.category-tab.active {
  background-color: #98D0D6;
  font-weight: 700;
  font-size: 0.82rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  z-index: 3;
  box-shadow: 3px 3px 8px rgba(0,0,0,0.18);
}

/* ── Individual recipe card ── */
.recipe-list-card {
  background: white;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  color: var(--text-dark);
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}
.recipe-list-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }

/* ── Thumbnail ── */
.recipe-thumb {
  width: 72px; height: 64px;
  flex-shrink: 0;
  background: var(--teal-pale);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.recipe-thumb img { width: 100%; height: 100%; object-fit: cover; }
.recipe-thumb-placeholder { font-size: 1.4rem; opacity: 0.35; }

/* ── Card info ── */
.recipe-card-info { padding: 0.6rem 0.75rem; flex: 1; min-width: 0; }
.recipe-card-title { font-weight: 700; font-size: 0.95rem; color: var(--text-dark); margin-bottom: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.recipe-card-calories { font-size: 0.72rem; font-family: 'Lato', sans-serif; font-weight: 700; color: #35595F; background: rgba(152,208,214,0.3); padding: 0.1rem 0.45rem; border-radius: 100px; display: inline-block; margin-top: 0.2rem; }
.recipe-card-meta { font-size: 0.78rem; color: var(--text-light); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Empty state ── */
.empty-state { grid-column: 1 / -1; text-align: center; padding: 4rem 2rem; color: var(--text-light); }
.empty-state h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: var(--text-mid); margin-bottom: 0.5rem; }
.empty-state p { font-size: 0.9rem; margin-bottom: 1.5rem; }

/* ── Loading ── */
.loading-state { grid-column: 1 / -1; text-align: center; padding: 3rem; color: var(--text-light); font-style: italic; }

/* ── Responsive ── */
@media (max-width: 640px) {
  .recipes-content-box { flex-direction: column-reverse; }
  .category-tabs { flex-direction: row; flex-wrap: wrap; position: static; }
  .category-tab { border-radius: 20px; margin: 0.2rem; }
  .recipes-grid { grid-template-columns: 1fr; }
  .recipe-box-img { width: 200px; }
}

/* ══════════════════════════════════════════
   ADD RECIPE BUTTON
══════════════════════════════════════════ */
/* btn-add-new removed — use shared .btn-new in style.css */