.article-opening{margin:20px 0 32px;padding:30px 0 32px;border-block:1px solid #d9dfd3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"copy choices" "actions choices";gap:22px 32px;align-items:start}
.opening-copy{grid-area:copy}.opening-edition{font-size:12px;color:#52634f;margin:0 0 12px}.opening-edition>span{display:inline-block;background:#e6edde;color:#284b36;padding:4px 9px;margin-right:8px;border-radius:4px;font-weight:700}.article .article-opening h1{font-size:clamp(21px,2.4vw,29px);line-height:1.5;margin:0;letter-spacing:.01em}.opening-eight{white-space:nowrap;color:#35603e;margin-left:5px}.opening-hook{font-size:clamp(26px,3.3vw,38px);line-height:1.55;font-weight:750;letter-spacing:.01em;margin:22px 0 14px;color:#173f36;text-wrap:balance}.opening-intro{font-size:15px;line-height:1.9;margin:0;color:#445650}.opening-choices{grid-area:choices;padding:18px;background:#edf1e6;border-radius:12px;min-width:0}.opening-choices>h2{font-size:15px;margin:0 0 14px;color:#34533d;line-height:1.6}.opening-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opening-pick{display:flex;flex-direction:column;min-width:0;padding:13px 10px 10px;background:#fff;border:1px solid #d8dfd2;border-radius:8px}.opening-pick h3{font-size:13px;line-height:1.6;margin:0 0 10px;min-height:42px;color:#204b36;text-wrap:balance}.opening-pick .product-photo{margin:0!important;padding:0!important;width:100%!important;height:120px!important;display:flex;align-items:center;justify-content:center;background:#fff}.opening-pick .product-photo a{display:block;width:100%;height:100%}.opening-pick .product-photo img{width:100%!important;height:100%!important;max-height:120px;object-fit:contain;margin:0!important}.opening-product{font-size:11px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:53px}.opening-detail{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #dce3d7;min-height:44px;font-size:12px;font-weight:700;text-decoration:none;margin-top:auto;padding:7px 0 0}.opening-detail:hover{text-decoration:underline}.opening-actions{grid-area:actions;display:flex;flex-direction:column;align-items:start;gap:10px}.opening-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:12px 18px;background:#29593f;color:#fff;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;width:100%}.opening-primary:hover{background:#193f2b;color:#fff}.opening-secondary{font-size:13px;padding:4px 0;min-height:32px;display:flex;align-items:center}.opening-proof{font-size:11px;color:#5b695f;line-height:1.7;margin:0}.opening-proof span{display:inline-block;margin-left:10px}.article-opening a:focus-visible{outline:3px solid #b9781e;outline-offset:4px}
@media(max-width:850px){.article-opening{grid-template-columns:1fr;grid-template-areas:"copy" "choices" "actions";gap:20px;padding:22px 0}.opening-hook{margin:12px 0 8px;font-size:30px}.opening-pick .product-photo{height:130px!important}.opening-pick .product-photo img{max-height:130px}.opening-product{-webkit-line-clamp:2;min-height:36px}.opening-pick h3{min-height:22px}.opening-actions{max-width:560px;width:100%}.opening-primary{max-width:560px}}
@media(max-width:620px){.site-header>.wrap{flex-direction:row;align-items:center;padding-block:12px;gap:8px}.site-header .logo{font-size:17px;white-space:nowrap}.site-header nav{gap:10px;font-size:10px}.site-header nav a{max-width:65px;line-height:1.6}.article .breadcrumbs{font-size:10px;margin:14px 0 12px}.article-opening{margin-top:0;padding:18px 0 22px;gap:16px}.opening-edition{font-size:10px;margin-bottom:8px}.article .article-opening h1{font-size:21px;line-height:1.5}.opening-hook{font-size:27px;line-height:1.5;margin-top:12px}.opening-intro{font-size:13px;line-height:1.8}.opening-choices{padding:12px 9px;border-radius:8px}.opening-choices>h2{font-size:13px;margin-bottom:10px}.opening-picks{gap:6px}.opening-pick{padding:9px 7px 5px;border-radius:5px}.opening-pick h3{font-size:12px;min-height:39px;margin-bottom:6px}.opening-pick .product-photo{height:86px!important}.opening-pick .product-photo img{max-height:86px}.opening-product{font-size:10px;line-height:1.6;margin:7px 0;min-height:32px}.opening-detail{font-size:11px;min-height:44px}.opening-primary{font-size:13px;min-height:50px;padding:12px 14px}.opening-secondary{font-size:12px;min-height:38px}.opening-proof{font-size:10px}.opening-proof span{margin-left:7px}}
