/* Uncropped images and separate live copy: no portrait stretched into a banner. */
@media screen {
.editorial-studio .semantic-card{display:grid!important;grid-template-columns:minmax(0,38%) minmax(0,1fr)!important;align-items:center!important;gap:16px!important;padding:12px!important;min-height:0!important;height:auto!important;min-width:0!important;max-width:100%;box-sizing:border-box;border:1px solid #97aaa0!important;border-radius:12px!important;background:#f5f1e7!important;color:#203c31!important;overflow:hidden;text-decoration:none;position:relative}
.editorial-studio .semantic-card:after{display:none!important}
.editorial-studio .semantic-card>.semantic-background{position:static!important;display:block!important;inset:auto!important;width:100%!important;height:auto!important;max-width:140px!important;max-height:none!important;object-fit:contain!important;object-position:center!important;align-self:center;justify-self:center;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;transform:none!important;pointer-events:none}
.editorial-studio .semantic-copy{display:block!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;text-align:left!important;overflow-wrap:anywhere}
.editorial-studio .semantic-card :is(h2,h3,p,strong,a,em,span){color:#203c31!important;text-shadow:none!important}
.editorial-studio .semantic-card h3{font:550 1.25rem/1.25 Fraunces,Georgia,serif!important;margin:0!important}
.editorial-studio .semantic-card p{font-size:.9375rem!important;margin:0!important;line-height:1.4!important}
.editorial-studio .semantic-card strong{font:650 .875rem/1.35 system-ui!important;display:block!important;margin:0!important;padding:9px 0 0!important;min-height:32px;text-decoration:underline;text-underline-offset:4px}
.editorial-studio .semantic-card:focus-visible{outline:3px solid #426b37!important;outline-offset:4px}
.editorial-studio a.semantic-card:hover{border-color:#426b37!important}
.editorial-studio .semantic-card[hidden]{display:none!important}
.editorial-studio .ad-tool-directory,.editorial-studio .ad-guide-directory{gap:16px}
.editorial-studio .ad-guide-directory .semantic-card:first-child{grid-row:auto!important;grid-column:auto!important;min-height:0!important}
.editorial-studio .need-path.semantic-card{min-height:0!important}
.semantic-card .fi-need-photo{display:none!important}
.semantic-card .need-links{gap:6px 18px!important}.semantic-card .need-links a{font-size:.875rem;min-height:44px}
.editorial-studio .value-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.editorial-studio .value-options .semantic-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:7px!important;padding:8px!important;min-height:0!important;font:650 .875rem/1.25 system-ui!important}
.editorial-studio .value-options .semantic-background{height:88px!important;width:auto!important;max-width:100%!important;flex:none!important}
.editorial-studio .value-options .semantic-copy{text-align:center!important}
.editorial-studio .value-options .semantic-card[aria-pressed=true]{outline:2px solid #527b39;outline-offset:0;background:#eaf0d9!important}
.editorial-studio .value-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.editorial-studio .value-photo-tile.semantic-card{max-width:none}
.editorial-studio .semantic-feature{grid-template-columns:minmax(0,240px) minmax(0,1fr)!important;width:calc(100% - 44px);max-width:900px!important;margin:16px auto!important;gap:24px!important;padding:16px!important}
.editorial-studio .semantic-feature>.semantic-background{max-width:240px!important}
.editorial-studio .semantic-feature h2{font-size:1.8rem!important;line-height:1.15;margin:0 0 10px!important}
.semantic-feature .btn{display:inline-flex;align-items:center;min-height:44px;background:#d6e3ac!important;color:#203529!important;text-shadow:none!important;max-width:100%;white-space:normal;font-size:.875rem}
.semantic-feature .actions{margin:12px 0 0}.semantic-feature .eyebrow{display:none}
.editorial-studio .journey-home-shop.semantic-card{grid-template-columns:100px minmax(0,1fr)!important;max-width:520px!important}
.editorial-studio .journey-home-shop.semantic-card>.semantic-background{max-width:100px!important}
.editorial-studio .ad-game-card.semantic-card .local-note{font-size:.8125rem!important}
.editorial-studio .hub-needs .need-path:last-child{grid-column:auto}
@media(max-width:900px){.editorial-studio .value-paths{grid-template-columns:1fr}.editorial-studio .value-photo-tile.semantic-card{grid-template-columns:90px minmax(0,1fr)!important}.editorial-studio .value-photo-tile.semantic-card>.semantic-background{max-width:90px!important}}
@media(max-width:700px){.editorial-studio .semantic-feature{grid-template-columns:minmax(0,36%) minmax(0,1fr)!important;width:calc(100% - 32px);gap:14px!important;padding:12px!important}.editorial-studio .semantic-feature h2{font-size:1.45rem!important}.editorial-studio .semantic-card{gap:12px!important}.editorial-studio .value-options .semantic-card{font-size:.8125rem!important}}
}
@media print{.semantic-background{display:none!important}.semantic-card{background:white!important;color:black!important}.semantic-card:after{display:none}}

/* Content-sized hero; card crops do not alter the full Hairold portrait or albums. */
@media screen{.editorial-studio .value-hero{padding-block:24px;gap:30px}.editorial-studio .value-hero h1{font-size:clamp(2.2rem,3.5vw,3.25rem);margin:12px 0}.value-title-row{gap:20px}.editorial-studio .value-starter{padding:20px}.brand-page .value-preview h2{margin:18px 0 10px}.value-preview ul{margin:10px 0 14px}.value-preview li{padding-block:2px}.value-quick-actions{margin-top:14px}.editorial-studio .value-options .semantic-card>.semantic-background[data-real-photo]{object-position:center 38%!important}}
@media screen and (max-width:800px){.editorial-studio .value-hero{padding-block:20px;gap:18px}.editorial-studio .value-hero h1{font-size:2.25rem}.editorial-studio .value-starter{padding:18px}}
@media screen and (max-width:370px){.editorial-studio .value-hero h1{font-size:1.95rem}.value-title-row{gap:12px}}


/* Accent cards retain a matching high-contrast foreground, including nested copy. */
@media screen{.editorial-studio .activity-card.semantic-card:nth-child(3n+2),.editorial-studio .activity-card.semantic-card:nth-child(3n){color:#fffaf0!important}.editorial-studio .activity-card.semantic-card:nth-child(3n+2) :is(h2,h3,p,strong,a,em,span),.editorial-studio .activity-card.semantic-card:nth-child(3n) :is(h2,h3,p,strong,a,em,span){color:#fffaf0!important}}

/* Match directory image tracks to the existing uncropped photograph width. */
@media screen{
 .editorial-studio :is(.ad-tool-directory,.ad-guide-directory) .semantic-card:not(.photo-no-repeat){grid-template-columns:minmax(90px,140px) minmax(0,1fr)!important}
 .editorial-studio[data-page="/dog-tools/"] main>.section{padding-top:34px;padding-bottom:34px}
}
@media screen and (max-width:700px){
 .editorial-studio :is(.ad-tool-directory,.ad-guide-directory) .semantic-card:not(.photo-no-repeat){grid-template-columns:minmax(80px,100px) minmax(0,1fr)!important}
 .editorial-studio[data-page="/dog-tools/"] main>.section{padding-top:26px;padding-bottom:26px}
}