* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #1c2025; background: #fffaf5; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 1.5; letter-spacing: 0; }
img { display: block; max-width: 100%; }
a { color: inherit; }
main { width: 100%; overflow: hidden; }
.cb-top { min-height: 34px; padding: 8px max(20px,calc((100vw - 1380px)/2)); display: flex; gap: 24px; color: #fff; background: #1746d1; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.cb-top span { margin-right: auto; }
.cb-top a { text-decoration: none; }
.cb-header { padding: 16px max(18px,calc((100vw - 1380px)/2)) 0; background: #fff; border-bottom: 1px solid #1c2025; }
.cb-wordmark { width: 330px; margin-bottom: 12px; display: block; }
.cb-wordmark svg { width: 100%; height: auto; display: block; }
.cb-nav { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); border-top: 1px solid #bcc0c4; }
.cb-nav a { min-width: 0; padding: 12px 7px; border-right: 1px solid #bcc0c4; text-align: center; text-decoration: none; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.cb-nav a:last-child { border-right: 0; }
.cb-nav a:hover { color: #fff; background: #d93057; }
.cb-label { margin: 0 0 10px; color: #d93057; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.cb-read { display: inline-block; width: fit-content; margin-top: 10px; padding-bottom: 2px; border-bottom: 3px solid #d93057; font-weight: 900; text-decoration: none; }
.cb-opening { max-width: 1380px; margin: 0 auto; padding: 45px 20px 72px; display: grid; grid-template-columns: minmax(330px,.74fr) minmax(0,1.26fr); gap: 50px; align-items: center; }
.cb-opening-copy h1 { margin: 0; max-width: 560px; font-size: 66px; line-height: .93; }
.cb-opening-copy > p:last-child { max-width: 520px; color: #5e6268; font-size: 19px; }
.cb-lead { min-width: 0; display: grid; grid-template-columns: minmax(0,1.18fr) minmax(300px,.82fr); background: #ffb996; border: 1px solid #1c2025; box-shadow: 18px 18px 0 #cdebd8; }
.cb-lead figure { height: 570px; margin: 0; overflow: hidden; }
.cb-lead figure img { width: 100%; height: 100%; object-fit: cover; }
.cb-lead > div { padding: 37px; display: flex; flex-direction: column; justify-content: center; }
.cb-lead h2 { margin: 0; font-family: Georgia,serif; font-size: 42px; line-height: 1; }
.cb-lead > div > p:not(.cb-label) { color: #4f5359; }
.cb-departments { padding: 66px max(20px,calc((100vw - 1380px)/2)); background: #1c2025; color: #fff; }
.cb-departments > header { max-width: 960px; margin-bottom: 30px; }
.cb-departments h2, .cb-editors h2, .cb-techniques h2, .cb-shopping h2, .cb-education h2, .cb-related h2 { margin: 0; font-family: Georgia,serif; font-size: 48px; line-height: 1; }
.cb-departments > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.45); border-left: 1px solid rgba(255,255,255,.45); }
.cb-departments a { min-width: 0; min-height: 150px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255,255,255,.45); border-bottom: 1px solid rgba(255,255,255,.45); text-decoration: none; }
.cb-departments a:nth-child(2), .cb-departments a:nth-child(6) { color: #1c2025; background: #cdebd8; }
.cb-departments a:nth-child(4), .cb-departments a:nth-child(7) { color: #1c2025; background: #ffb996; }
.cb-departments a:nth-child(8) { color: #fff; background: #1746d1; }
.cb-departments a span { font-size: 12px; font-weight: 900; text-transform: uppercase; }
.cb-departments a strong { font-size: 17px; line-height: 1.3; }
.cb-editors { max-width: 1380px; margin: 0 auto; padding: 78px 20px 86px; }
.cb-editors > header { max-width: 900px; margin-bottom: 30px; }
.cb-editors > div { display: grid; grid-template-columns: 1.15fr .85fr .85fr; gap: 18px; }
.cb-card { min-width: 0; background: #fff; border: 1px solid #aeb1b4; }
.cb-card-image { height: 280px; display: block; overflow: hidden; background: #e4e4e4; }
.cb-card-image img { width: 100%; height: 100%; object-fit: cover; }
.cb-card > div { padding: 24px; }
.cb-card h3 { margin: 0; font-family: Georgia,serif; font-size: 29px; line-height: 1.04; overflow-wrap: normal; word-break: normal; }
.cb-card h3 a { text-decoration: none; }
.cb-card > div > p:not(.cb-label) { color: #60646a; }
.cb-editor-card { min-height: 570px; }
.cb-editor-card:first-child .cb-card-image { height: 370px; }
.cb-editor-card:nth-child(2) { background: #eef4ff; }
.cb-editor-card:nth-child(3) { background: #fff0e8; }
.cb-editor-card .cb-read { display: none; }
.cb-techniques { padding: 76px max(20px,calc((100vw - 1380px)/2)) 86px; background: #fff; border-top: 10px solid #d93057; }
.cb-techniques > header { max-width: 1050px; margin-bottom: 32px; }
.cb-techniques > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.cb-technique-card { min-height: 330px; display: grid; grid-template-columns: 260px minmax(0,1fr); }
.cb-technique-card .cb-card-image { width: 260px; height: 100%; }
.cb-technique-card > div { display: flex; flex-direction: column; justify-content: center; }
.cb-technique-card h3 { font-size: 30px; }
.cb-technique-card .cb-read { display: none; }
.cb-shopping { padding: 78px max(20px,calc((100vw - 1380px)/2)); display: grid; grid-template-columns: minmax(310px,.72fr) minmax(0,1.28fr); gap: 55px; background: #cdebd8; }
.cb-shopping > header > p:last-child { max-width: 500px; }
.cb-shopping > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.cb-shop-card { min-height: 500px; border: 2px solid #1c2025; }
.cb-shop-card .cb-card-image { height: 230px; }
.cb-shop-card > div { padding: 20px; }
.cb-shop-card h3 { font-size: 25px; }
.cb-shop-card > div > p:not(.cb-label), .cb-shop-card .cb-read { display: none; }
.cb-category-head { padding: 68px max(20px,calc((100vw - 1320px)/2)); display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: 70px; align-items: end; background: #ffb996; }
.cb-category-head h1 { margin: 0; font-family: Georgia,serif; font-size: 78px; line-height: .95; }
.cb-category-head > div > p:last-child { max-width: 760px; color: #545960; font-size: 19px; }
.cb-category-head aside { padding: 30px; color: #fff; background: #1746d1; }
.cb-category-head aside span { display: block; margin-bottom: 10px; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.cb-category-head aside strong { font-size: 22px; line-height: 1.25; }
.cb-category-cover { max-width: 1320px; margin: 66px auto; padding: 0 20px; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(350px,.75fr); gap: 18px; }
.cb-category-lead { min-height: 720px; display: grid; grid-template-rows: 470px minmax(0,1fr); }
.cb-category-lead .cb-card-image { height: 470px; }
.cb-category-lead h3 { font-size: 40px; }
.cb-category-cover > div { display: grid; grid-template-rows: repeat(2,minmax(0,1fr)); gap: 18px; }
.cb-category-small { display: grid; grid-template-columns: 180px minmax(0,1fr); }
.cb-category-small .cb-card-image { width: 180px; height: 100%; }
.cb-category-small > div { padding: 22px; display: flex; flex-direction: column; justify-content: center; }
.cb-category-small h3 { font-size: 25px; }
.cb-category-small > div > p:not(.cb-label), .cb-category-small .cb-read { display: none; }
.cb-education { padding: 70px max(20px,calc((100vw - 1320px)/2)) 84px; color: #fff; background: #1c2025; }
.cb-education > header { margin-bottom: 30px; }
.cb-education > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.cb-education-card { min-height: 500px; color: #1c2025; }
.cb-education-card:nth-child(2) { background: #cdebd8; }
.cb-education-card .cb-card-image { height: 270px; }
.cb-education-card .cb-read { display: none; }
.cb-nearby { padding: 60px max(20px,calc((100vw - 1320px)/2)); background: #eef4ff; }
.cb-nearby > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.cb-nearby a { min-width: 0; min-height: 120px; padding: 22px; display: flex; flex-direction: column; justify-content: center; background: #fff; border-left: 7px solid #d93057; text-decoration: none; }
.cb-nearby a span { font-weight: 900; }
.cb-nearby a strong { margin-top: 7px; color: #666a70; font-size: 13px; line-height: 1.35; }
.cb-article { background: #fff; }
.cb-article-head { max-width: 1320px; margin: 0 auto; padding: 64px 20px 40px; display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); gap: 68px; align-items: center; }
.cb-article-head h1 { margin: 0; font-family: Georgia,serif; font-size: 62px; line-height: .98; }
.cb-article-head > div > p:last-child { color: #5a6066; font-size: 19px; }
.cb-article-head figure { height: 600px; margin: 0; position: relative; overflow: hidden; border-radius: 50% 50% 8px 8px; }
.cb-article-head figure::after { content:""; position:absolute; inset:18px; border:2px solid rgba(255,255,255,.8); border-radius:inherit; pointer-events:none; }
.cb-article-head figure img { width: 100%; height: 100%; object-fit: cover; }
.cb-routine-strip { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid #1c2025; }
.cb-routine-strip > div { min-height: 170px; padding: 22px; border-right: 1px solid #1c2025; }
.cb-routine-strip > div:nth-child(1) { background: #ffb996; }
.cb-routine-strip > div:nth-child(2) { background: #cdebd8; }
.cb-routine-strip > div:nth-child(3) { background: #eef4ff; }
.cb-routine-strip > div:nth-child(4) { border-right: 0; }
.cb-routine-strip span, .cb-method span { display: block; margin-bottom: 8px; color: #d93057; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.cb-routine-strip strong { display: block; font-size: 13px; line-height: 1.4; }
.cb-article-copy { max-width: 810px; margin: 0 auto; padding: 72px 20px 48px; }
.cb-answer { margin: 0 0 48px; font-family: Georgia,serif; font-size: 28px; line-height: 1.45; }
.cb-article-copy section { margin-bottom: 38px; padding-bottom: 34px; border-bottom: 1px solid #c8cacc; }
.cb-article-copy h2 { margin: 0 0 16px; font-family: Georgia,serif; font-size: 37px; line-height: 1.07; }
.cb-article-copy p, .cb-article-copy li { color: #4f555c; font-size: 18px; line-height: 1.72; }
.cb-article-copy li { margin-bottom: 10px; }
.cb-method { margin: 0 0 40px; padding: 28px; background: #cdebd8; border-top: 8px solid #1746d1; }
.cb-method strong { display: block; font-family: Georgia,serif; font-size: 26px; line-height: 1.25; }
.cb-method p { margin-bottom: 0; }
.cb-boundary { padding: 55px max(20px,calc((100vw - 1040px)/2)); display: grid; grid-template-columns: 1fr 1fr; gap: 60px; color: #fff; background: #1746d1; }
.cb-boundary h2 { margin: 0; font-family: Georgia,serif; font-size: 36px; line-height: 1.05; }
.cb-boundary p { color: rgba(255,255,255,.82); }
.cb-boundary .cb-label { color: #ffb996; }
.cb-related { padding: 72px max(20px,calc((100vw - 1260px)/2)) 88px; background: #fffaf5; }
.cb-related > header { max-width: 880px; margin-bottom: 30px; }
.cb-related > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.cb-related-card { min-height: 455px; }
.cb-related-card .cb-card-image { height: 240px; }
.cb-related-card .cb-read, .cb-related-card > div > p:not(.cb-label) { display: none; }
.cb-policy { max-width: 870px; margin: 0 auto; padding: 78px 20px 105px; }
.cb-policy h1 { margin: 0 0 25px; font-family: Georgia,serif; font-size: 58px; line-height: 1; }
.cb-policy h2 { margin: 43px 0 13px; font-size: 29px; }
.cb-policy p, .cb-policy li { color: #50565d; line-height: 1.72; }
.cb-policy-links { display: flex; flex-direction: column; gap: 9px; }
.cb-policy a { color: #1746d1; }
.cb-footer { padding: 62px max(20px,calc((100vw - 1320px)/2)); display: grid; grid-template-columns: 1.25fr .75fr .55fr; gap: 64px; color: #fff; background: #1c2025; border-top: 12px solid #d93057; }
.cb-footer-brand svg { width: min(380px,100%); height: auto; }
.cb-footer-brand svg text { fill: #fff; }
.cb-footer-brand > p { max-width: 580px; color: rgba(255,255,255,.72); }
.cb-footer-links { display: flex; flex-direction: column; gap: 8px; }
.cb-footer-links h2 { margin: 0 0 10px; color: #ffb996; font-size: 12px; text-transform: uppercase; }
.cb-footer-links a { color: rgba(255,255,255,.85); text-decoration: none; font-size: 14px; }
@media (max-width: 1050px) {
  .cb-opening { grid-template-columns: 1fr; }
  .cb-opening-copy h1 { max-width: 850px; }
  .cb-departments > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cb-techniques > div { grid-template-columns: 1fr; }
  .cb-shopping { grid-template-columns: 1fr; }
  .cb-category-cover { grid-template-columns: 1fr; }
  .cb-category-cover > div { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: none; }
}
@media (max-width: 720px) {
  body { font-size: 16px; }
  .cb-top { justify-content: center; gap: 16px; font-size: 8px; }
  .cb-top span, .cb-top a:last-child { display: none; }
  .cb-header { padding: 10px 13px 0; }
  .cb-wordmark { width: 245px; margin: 0 auto 8px; }
  .cb-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cb-nav a { padding: 9px 4px; font-size: 8px; border-bottom: 1px solid #bcc0c4; }
  .cb-nav a:last-child { grid-column: 1 / -1; border-right: 0; }
  .cb-opening { padding: 42px 15px 55px; gap: 26px; }
  .cb-opening-copy h1 { font-size: 45px; }
  .cb-opening-copy > p:last-child { font-size: 17px; }
  .cb-lead { grid-template-columns: 1fr; box-shadow: 8px 8px 0 #cdebd8; }
  .cb-lead figure { height: 330px; }
  .cb-lead > div { padding: 25px 20px 29px; }
  .cb-lead h2 { font-size: 31px; }
  .cb-departments { padding: 48px 15px; }
  .cb-departments h2, .cb-editors h2, .cb-techniques h2, .cb-shopping h2, .cb-education h2, .cb-related h2 { font-size: 35px; }
  .cb-departments > div { grid-template-columns: 1fr; }
  .cb-departments a { min-height: 115px; }
  .cb-editors { padding: 53px 15px 60px; }
  .cb-editors > div { grid-template-columns: 1fr; }
  .cb-editor-card, .cb-editor-card:first-child { min-height: 0; display: grid; grid-template-columns: 125px minmax(0,1fr); }
  .cb-editor-card .cb-card-image, .cb-editor-card:first-child .cb-card-image { width: 125px; height: 220px; }
  .cb-card > div { padding: 18px; }
  .cb-card h3 { font-size: 22px; }
  .cb-editor-card > div > p:not(.cb-label) { display: none; }
  .cb-techniques { padding: 51px 15px 60px; }
  .cb-technique-card { min-height: 210px; grid-template-columns: 125px minmax(0,1fr); }
  .cb-technique-card .cb-card-image { width: 125px; }
  .cb-technique-card > div > p:not(.cb-label) { display: none; }
  .cb-shopping { padding: 52px 15px; gap: 28px; }
  .cb-shopping > div { grid-template-columns: 1fr; }
  .cb-shop-card { min-height: 190px; display: grid; grid-template-columns: 120px minmax(0,1fr); }
  .cb-shop-card .cb-card-image { width: 120px; height: 190px; }
  .cb-category-head { padding: 48px 15px 42px; grid-template-columns: 1fr; gap: 24px; }
  .cb-category-head h1 { font-size: 47px; }
  .cb-category-cover { margin: 42px auto 52px; padding: 0 15px; }
  .cb-category-lead { min-height: 0; grid-template-rows: 330px auto; }
  .cb-category-lead .cb-card-image { height: 330px; }
  .cb-category-lead h3 { font-size: 30px; }
  .cb-category-cover > div { grid-template-columns: 1fr; }
  .cb-category-small { min-height: 190px; grid-template-columns: 120px minmax(0,1fr); }
  .cb-category-small .cb-card-image { width: 120px; height: 190px; }
  .cb-education { padding: 50px 15px 60px; }
  .cb-education > div { grid-template-columns: 1fr; }
  .cb-education-card { min-height: 190px; display: grid; grid-template-columns: 120px minmax(0,1fr); }
  .cb-education-card .cb-card-image { width: 120px; height: 190px; }
  .cb-education-card > div > p:not(.cb-label) { display: none; }
  .cb-nearby { padding: 44px 15px; }
  .cb-nearby > div { grid-template-columns: 1fr; }
  .cb-article-head { padding: 34px 15px 28px; grid-template-columns: 1fr; gap: 18px; }
  .cb-article-head h1 { font-size: 37px; line-height: 1; }
  .cb-article-head > div > p:last-child { margin-bottom: 0; font-size: 16px; }
  .cb-article-head figure { height: 350px; }
  .cb-routine-strip { grid-template-columns: 1fr; border-left: 0; border-right: 0; }
  .cb-routine-strip > div { min-height: 0; border-right: 0; border-bottom: 1px solid #1c2025; }
  .cb-routine-strip > div:last-child { border-bottom: 0; }
  .cb-article-copy { padding: 50px 15px 34px; }
  .cb-answer { font-size: 24px; }
  .cb-article-copy h2 { font-size: 30px; }
  .cb-boundary { padding: 43px 15px; grid-template-columns: 1fr; gap: 22px; }
  .cb-related { padding: 50px 15px 65px; }
  .cb-related > div { grid-template-columns: 1fr; }
  .cb-related-card { min-height: 185px; display: grid; grid-template-columns: 120px minmax(0,1fr); }
  .cb-related-card .cb-card-image { width: 120px; height: 185px; }
  .cb-policy { padding: 52px 15px 72px; }
  .cb-policy h1 { font-size: 39px; line-height: 1.04; overflow-wrap: anywhere; }
  .cb-footer { padding: 49px 15px; grid-template-columns: 1fr; gap: 34px; }
}