.movie-catalogue{max-width:1200px;margin:auto;padding:0 28px 70px}.movie-catalogue .pageintro{padding-left:0;padding-right:0}.snapshot{font-size:.94rem;color:#655b55}.movie-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;background:#f3eee9;padding:22px;border-radius:12px}.movie-tools label{display:flex;flex-direction:column;gap:7px;font-size:.9rem}.movie-tools input,.movie-tools select{width:100%;min-height:44px;padding:9px;border:1px solid #c5bbb2;border-radius:5px;background:#fff;color:#302e2c;font:inherit}.movie-tools button,#film-more{padding:12px 20px;border:0;border-radius:7px;background:#87594f;color:white;cursor:pointer;font:inherit}.movie-tools button{align-self:end}.movie-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.movie-stats p{padding:20px;background:#f4f0e9;margin:0;border-radius:8px}.movie-stats strong{font-size:1.9rem;display:block}.movie-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 50px}.movie-charts section{border:1px solid #dfd5ca;border-radius:9px;padding:22px}.movie-charts h2{font-size:1.5rem;margin-top:0}.movie-charts p{font-size:.92rem}.chart-row{margin:12px 0}.chart-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.chart-track{height:12px;background:#f0eae2;border-radius:8px;margin-top:5px;overflow:hidden}.chart-fill{height:100%;background:#87594f;border-radius:8px;min-width:0}.film-results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.film-card{border:1px solid #dfd5ca;border-radius:9px;padding:22px}.film-card h3{font-size:1.45rem;margin:0 0 10px}.film-card p{font-size:.96rem}.film-card .rating{color:#70453b;font-weight:600}.film-card details{font-size:.92rem;margin:12px 0}.film-card summary{cursor:pointer}.film-card ul{padding-left:22px}.platforms{color:#675e56}#film-more{display:block;margin:24px auto}#film-more[hidden]{display:none}.movie-catalogue a:focus-visible,.movie-catalogue button:focus-visible,.movie-catalogue input:focus-visible,.movie-catalogue select:focus-visible{outline:3px solid #795b24;outline-offset:3px}@media(max-width:750px){.movie-tools{grid-template-columns:1fr 1fr}.movie-charts,.film-results{grid-template-columns:1fr}.movie-catalogue{padding:0 18px 45px}.movie-stats{gap:8px}.movie-stats p{padding:12px;font-size:.85rem}.movie-stats strong{font-size:1.5rem}}@media(max-width:430px){.movie-tools{grid-template-columns:1fr}}
/* Seasonal colours, scoped to the movie catalogue. */
.movie-catalogue{--fir:#214d3c;--berry:#922e43;--gold:#b88a35;--paper:#fffdf8;--ink:#293a31;color:var(--ink)}
.movie-catalogue .pageintro{border-bottom:3px solid var(--gold);border-radius:0 0 12px 12px;background:linear-gradient(115deg,rgba(232,241,232,.96),rgba(255,251,239,.88));padding:38px 28px;margin-bottom:24px}
.movie-catalogue h1,.movie-catalogue h2,.movie-catalogue h3{color:var(--fir)}
.movie-catalogue a{color:var(--berry)}
.movie-catalogue .snapshot{color:#4b5d50}
.movie-tools{background:#eaf1e9;border:1px solid #bbcdbb;border-top:4px solid var(--fir)}
.movie-tools input,.movie-tools select{border-color:#a6bba7;background:var(--paper);color:var(--ink)}
.movie-tools button,#film-more{background:var(--berry);color:#fff;border:1px solid var(--berry)}
.movie-tools button:hover,#film-more:hover{background:#742335}
.movie-stats p{background:#f7f0de;border-top:3px solid var(--gold);color:var(--fir)}
.movie-stats p:nth-child(2){background:#edf3ec;border-color:var(--fir)}
.movie-stats p:nth-child(3){background:#fbefef;border-color:var(--berry)}
.movie-charts section{border-color:#d5c8a8;background:var(--paper)}
.chart-track{background:#eee9dc}
#year-chart .chart-row:nth-child(odd) .chart-fill{background:var(--fir)}
#year-chart .chart-row:nth-child(even) .chart-fill{background:var(--berry)}
#rating-chart .chart-fill{background:var(--berry)}
#month-chart .chart-fill{background:var(--fir)}
#repeat-chart .chart-fill{background:var(--gold)}
.film-card{background:var(--paper);border-color:#d4dfd1;border-top:3px solid var(--fir)}
.film-card:nth-child(even){border-top-color:var(--berry)}
.film-card .rating{color:var(--berry)}
.movie-catalogue a:focus-visible,.movie-catalogue button:focus-visible,.movie-catalogue input:focus-visible,.movie-catalogue select:focus-visible{outline-color:#805a12}
@media(max-width:750px){.movie-catalogue .pageintro{padding:26px 20px}}
.bubble-section{margin:35px 0;padding:26px;border:1px solid #d5c8a8;border-radius:12px;background:#fffaf1}.bubble-section h2{font-size:2rem;margin-top:8px}.bubble-section p{max-width:850px}.bubble-legend{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.bubble-legend span:before{content:'';display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--key);margin-right:7px}.bubble-scroll{overflow-x:auto}#movie-bubbles{display:block;width:100%;min-width:650px;height:auto}#movie-bubbles text{font-family:Arial,sans-serif;font-size:14px;fill:#41483e}#movie-bubbles circle{cursor:pointer}#movie-bubbles circle:hover,#movie-bubbles circle:focus,#movie-bubbles circle.chosen{stroke:#161f17;stroke-width:3;fill-opacity:1;outline:none}.bubble-section label{display:block;font-weight:600;margin:12px 0 7px}#bubble-film{width:100%;max-width:600px;min-height:44px;padding:10px;border:1px solid #a6bba7;border-radius:6px;background:white;color:#293a31;font:inherit}.bubble-detail{background:#edf3ec;padding:20px;margin-top:16px;border-radius:8px;min-height:90px}.bubble-detail h3{margin-top:0}.bubble-detail button{background:#922e43;color:white;border:0;padding:12px 18px;border-radius:6px;font:inherit;cursor:pointer}@media(max-width:600px){.bubble-section{padding:16px}.bubble-section h2{font-size:1.6rem}}