/* Colorful editorial cards; source tables and map geometry stay neutral. */
:is(.travel-card,.portal-card,.route-card,.discovery-card,.country-list>article,.district-grid>article,.place,.depth-place,.route-day,.decision-item,.guide-links>article,.browse-card,.place-photo-grid>figure,.av-country-choices article,.av-district,.place-reading>details){--card-paper:#f3effb;--pencil:#b7d900;min-width:0;border:1px solid #302b3c0f!important;border-radius:24px;background:var(--card-paper);box-shadow:0 2px 2px #29203908,0 12px 28px #2920390c;padding:24px;position:relative}
.travel-card:nth-child(4n+2){--card-paper:#edf3ff}.travel-card:nth-child(4n+3){--card-paper:#fff1e7}.travel-card:nth-child(4n){--card-paper:#f1f5df}
:is(.portal-card,.browse-card,.place-photo-grid>figure){padding:16px}
.place{margin:20px 0;border-bottom:1px solid #302b3c0f}.depth-place{margin:24px 0}.route-day{margin:24px 0}.decision-item{margin:18px 0}.travel-card .sources li{background:#fff;color:#333}.travel-card .sources small{color:#666}.travel-card figcaption{color:#645c6a}
.guide-links>article.travel-card:nth-child(2){--card-paper:#244be6;--pencil:#d6ef35;color:#fff;box-shadow:0 3px 2px #183aa024,0 14px 32px #244be625}.guide-links>article.travel-card:nth-child(2) :is(h2,a,p){color:inherit}.guide-links>article.travel-card:nth-child(2) p{opacity:.88}
.card-scribble-heading{position:relative;display:table;width:fit-content;max-width:100%;z-index:0;overflow-wrap:anywhere}
.card-pencil-mark{position:absolute;left:-11px;top:-9px;width:calc(100% + 22px);height:calc(100% + 18px);overflow:visible;pointer-events:none;z-index:-1;color:var(--pencil,#b7d900)}
.card-pencil-mark path{fill:none;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.travel-card:focus-within .card-pencil-mark path{stroke-dashoffset:0;opacity:1}
.portal-grid:not(.route-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(hover:hover) and (pointer:fine){.travel-card:hover .card-pencil-mark path{stroke-dashoffset:0;opacity:1}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .travel-card{transition:transform 200ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
 .travel-card:hover{transform:translateY(-5px) rotate(-.25deg)}
 .card-pencil-mark path{transition:stroke-dashoffset 280ms var(--ease-out,cubic-bezier(.23,1,.32,1)),opacity 120ms ease}
 .card-pencil-mark path+path{transition-delay:50ms}
 body[data-input="keyboard"] .card-pencil-mark path{transition:none}
}
@media(max-width:760px){:is(.travel-card,.portal-card,.route-card,.discovery-card,.country-list>article,.district-grid>article,.place,.depth-place,.route-day,.decision-item,.guide-links>article,.browse-card,.place-photo-grid>figure,.av-country-choices article,.av-district,.place-reading>details){padding:20px;border-radius:20px}.portal-grid:not(.route-grid){grid-template-columns:repeat(2,minmax(0,1fr))}:is(.portal-card,.browse-card,.place-photo-grid>figure){padding:14px}}
@media(max-width:540px){.portal-grid:not(.route-grid){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.travel-card{transition:none!important;transform:none!important}.card-pencil-mark path{transition:none!important}}
@media print{.travel-card{background:white!important;color:#222!important;box-shadow:none!important;border:1px solid #ddd!important;transform:none!important;break-inside:avoid}.card-pencil-mark{display:none}.guide-links>article.travel-card:nth-child(2) :is(h2,a,p){color:#222!important}}

.place.travel-card:nth-of-type(3n){--card-paper:#244be6;--pencil:#d7ef37;color:#fff;box-shadow:0 3px 2px #183aa022,0 14px 30px #244be61c}.place.travel-card:nth-of-type(3n) .place-copy>p,.place.travel-card:nth-of-type(3n) .place-copy>h3{color:#fff}.place.travel-card:nth-of-type(3n) .sources{color:#222}.place.travel-card:nth-of-type(3n) .place-inline-photo figcaption{color:#e5eaff}@media print{.place.travel-card:nth-of-type(3n) .place-copy>p,.place.travel-card:nth-of-type(3n) .place-copy>h3,.place.travel-card:nth-of-type(3n) .place-inline-photo figcaption{color:#222!important}}

.card-summary-label.card-scribble-heading{display:inline-block}.place-reading>details{margin:16px 0}.place-reading>details.travel-card>summary{cursor:pointer}