/* Coverline · Opus columns is the desktop Smart Bundle design: readable supporting text, no divider, heights that follow the contents. */
@media(min-width:1101px) {
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-grid {height:auto;min-height:450px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-lead {height:auto}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-publisher img {aspect-ratio:1318/1338}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-card .fcl-meta {font-size:13px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .fcl-contents li,
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-broad .fcl-lead .fcl-contents li {font-size:15px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-lead .sbx-scope {font-size:13px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-card .sbx-price small {font-size:14px;line-height:1.4}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-card .text-button {font-size:14px;white-space:nowrap}
 /* The lead footer wraps instead of overflowing when its two halves cannot share a line. */
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-lead footer {display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-lead .sbx-price {flex:1 1 150px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-lead .sbx-price .price {white-space:nowrap}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-lead .sbx-actions {flex:none;gap:20px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion footer {border-left:0;padding-left:0}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-actions {margin:0}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-price small {margin-top:4px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-price small+small {margin-top:0}
 /* A text link that sits on a text line, with a larger invisible hit area. */
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .text-button {display:inline-flex;width:fit-content;min-height:0;padding:0;line-height:20px;color:#003a1c;position:relative}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .text-button::after {content:'';position:absolute;inset:-12px -8px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .text-button:focus-visible {outline-offset:4px}

 /* Columns: bundle, price and action each get their own zone, so nothing shares a tight corner.
    Hero to cards is 1 : √2 (about 41 : 59). Narrower, the hero footer wraps; wider, the longest subject line does. */
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-grid {grid-template-columns:minmax(0,.7071fr) minmax(0,1fr)}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion {grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:9px;padding:17px 20px;align-content:center}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion footer {grid-column:2;grid-row:1/3;display:grid;grid-template-columns:184px 108px;gap:0 24px;align-items:center}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-price {align-self:start}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-price .text-button {margin-top:9px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-price:has(small+small) .text-button {margin-top:4px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-actions {display:flex;justify-content:center}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .sbx-actions :is(.button,.owned-action,.included-label) {width:100%;min-height:44px;padding-inline:0;justify-content:center}
 /* A partly owned All Subjects bundle adds a second note under the price. The eight-subject list closes up to make room, so the section keeps one height at every grade. */
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-broad .fcl-lead:has(.sbx-price small+small) .fcl-contents li {line-height:1.25}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-broad .fcl-lead:has(.sbx-price small+small) .sbx-scope {margin-top:5px}

}
/* Narrow desktop windows and zoomed pages: slightly smaller names, and only the card that wraps grows. */
@media(min-width:1101px) and (max-width:1214px) {
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-grid {grid-template-rows:repeat(3,auto)}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion h3 {font-size:24px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion .fcl-contents li {font-size:14px}
 /* A little more of a narrow window goes to the hero, so its price line still fits. */
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-grid {grid-template-columns:minmax(0,.73fr) minmax(0,1fr)}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion {column-gap:16px}
 #smart[data-card-study][data-pc-study="pc-opus-columns"] .fcl-companion footer {grid-template-columns:184px 100px;gap:0 16px}
}