/* Standalone card-detail theme completion.
   The canonical /cards/{slug} browser route is server-rendered (card-detail.blade.php),
   so it does not inherit the Vue card-page theme rules. Keep its light treatment here. */

html[data-theme='light'] .cd-main{color:#18211e}
html[data-theme='light'] .cd-crumbs{color:#74817d}
html[data-theme='light'] .cd-crumbs a{color:#63736f}
html[data-theme='light'] .cd-crumbs a:hover{color:#876b16}
html[data-theme='light'] .cd-crumbs b{color:#3e4b47}

html[data-theme='light'] .cd-art-glow{
    opacity:.62;
    background:radial-gradient(circle,rgba(199,160,38,.16),rgba(47,132,134,.075) 48%,transparent 72%);
    filter:blur(38px)
}
html[data-theme='light'] .cd-art{
    background:#eee9dc;
    box-shadow:0 38px 78px rgba(61,50,29,.17),0 0 0 1px rgba(143,111,21,.10)
}
html[data-theme='light'] .cd-placeholder{
    color:#856917;
    border-color:rgba(143,111,21,.16);
    background:radial-gradient(circle at 50% 42%,rgba(199,160,38,.13),transparent 58%),#eee9dc
}
html[data-theme='light'] .cd-art-meta span{
    color:#667571;
    border-color:rgba(31,43,39,.10);
    background:rgba(255,253,247,.58)
}

html[data-theme='light'] .cd-kicker{color:#8d6d16}
html[data-theme='light'] .cd-title-row h1,
html[data-theme='light'] .cd-section-head h2,
html[data-theme='light'] .cd-review h3,
html[data-theme='light'] .cd-modal h2{color:#18211e}
html[data-theme='light'] .cd-hp{
    border-color:rgba(43,126,128,.15);
    background:rgba(255,253,247,.78);
    box-shadow:inset 0 1px rgba(255,255,255,.9)
}
html[data-theme='light'] .cd-hp b{color:#226f72}
html[data-theme='light'] .cd-hp small{color:#72807c}
html[data-theme='light'] .cd-tags span{
    color:#765c15;
    border-color:rgba(151,117,22,.18);
    background:rgba(181,144,27,.065)
}
html[data-theme='light'] .cd-desc{color:#5f6e6a}

html[data-theme='light'] .cd-rating{
    border-color:rgba(31,43,39,.10);
    background:rgba(255,253,247,.82);
    box-shadow:0 12px 30px rgba(61,50,29,.055)
}
html[data-theme='light'] .cd-rating>strong{color:#26312d}
html[data-theme='light'] .cd-rating small{color:#72807c}
html[data-theme='light'] .cd-review-btn{
    color:#765c15;
    border-color:rgba(151,117,22,.20);
    background:rgba(183,145,27,.07)
}
html[data-theme='light'] .cd-review-btn:hover{
    color:#4d3b0b;
    border-color:rgba(151,117,22,.30);
    background:rgba(183,145,27,.12)
}

html[data-theme='light'] .cd-facts{
    border-color:rgba(31,43,39,.09);
    background:rgba(31,43,39,.08)
}
html[data-theme='light'] .cd-facts>div{
    color:#27322e;
    background:#fffdf7
}
html[data-theme='light'] .cd-facts small{color:#71807c}
html[data-theme='light'] .cd-facts b{color:#27322e}

html[data-theme='light'] .cd-price{
    border-color:rgba(143,111,21,.13);
    background:linear-gradient(145deg,rgba(203,164,42,.07),transparent 44%),#fffdf7;
    box-shadow:0 10px 26px rgba(61,50,29,.045)
}
html[data-theme='light'] .cd-price small{color:#71807c}
html[data-theme='light'] .cd-price strong{color:#856817}
html[data-theme='light'] .cd-price.psa{border-color:rgba(43,126,128,.14)}
html[data-theme='light'] .cd-price.psa strong{color:#28777a}

html[data-theme='light'] .cd-section-head span{color:#876a16}
html[data-theme='light'] .cd-related a{
    color:#1d2623;
    border-color:rgba(31,43,39,.10);
    background:#fffdf7;
    box-shadow:0 12px 30px rgba(61,50,29,.055)
}
html[data-theme='light'] .cd-related a:hover{
    border-color:rgba(151,117,22,.23);
    box-shadow:0 20px 42px rgba(61,50,29,.11)
}
html[data-theme='light'] .cd-related-art{background:#eee9dc}
html[data-theme='light'] .cd-related-copy small{color:#71807c}
html[data-theme='light'] .cd-related-copy b{color:#1d2623}

html[data-theme='light'] .cd-review{
    border-color:rgba(31,43,39,.09);
    background:rgba(255,253,247,.84);
    box-shadow:0 10px 26px rgba(61,50,29,.045)
}
html[data-theme='light'] .cd-review time{color:#78847f}
html[data-theme='light'] .cd-review p{color:#63716d}
html[data-theme='light'] .cd-empty{
    color:#697773;
    border-color:rgba(31,43,39,.13);
    background:rgba(255,253,247,.56)
}

html[data-theme='light'] .cd-modal-backdrop{background:rgba(42,36,25,.48)}
html[data-theme='light'] .cd-modal{
    color:#18211e;
    border-color:rgba(31,43,39,.11);
    background:#fffdf7;
    box-shadow:0 30px 90px rgba(61,50,29,.24)
}
html[data-theme='light'] .cd-modal-close{
    color:#56635f;
    border-color:rgba(31,43,39,.11);
    background:#f5f1e7
}
html[data-theme='light'] .cd-modal>p{color:#6a7874}
html[data-theme='light'] .cd-form label,
html[data-theme='light'] .cd-form fieldset{color:#586662}
html[data-theme='light'] .cd-form input,
html[data-theme='light'] .cd-form textarea{
    color:#1d2623;
    border-color:rgba(31,43,39,.12);
    background:#f6f2e8
}
html[data-theme='light'] .cd-form input:focus,
html[data-theme='light'] .cd-form textarea:focus{
    border-color:rgba(151,117,22,.38);
    box-shadow:0 0 0 3px rgba(151,117,22,.07)
}
html[data-theme='light'] .cd-star-inputs label{color:#9aa29f}
html[data-theme='light'] .cd-star-inputs label:hover,
html[data-theme='light'] .cd-star-inputs label:hover~label,
html[data-theme='light'] .cd-star-inputs input:checked~label{color:#aa831b}
html[data-theme='light'] .cd-form-status.ok{color:#28777a}
html[data-theme='light'] .cd-form-status.err{color:#a13e3e}

/* Keep the toggle icon crisp on this standalone header. */
.site-header .theme-toggle svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}