/*
Theme Name: Hot Car Care — Workshop
Description: Lightweight, accessible editorial theme for Hot Car Care. Native WordPress rendering, task navigation and researched comparisons.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.1
Text Domain: hotcarcare-next
License: GPL-2.0-or-later
*/
:root{--ink:#19252a;--muted:#526067;--paper:#faf9f6;--white:#fff;--line:#d8dedb;--accent:#bb3d22;--accent-dark:#91301b;--sage:#e7eee8;--focus:#095dc7;--measure:76rem;--radius:1rem}
*{box-sizing:border-box}html{scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}svg{display:block}a{color:var(--accent-dark);text-underline-offset:.2em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{cursor:pointer}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.1rem,4.4vw,4.2rem);margin:0 0 1.4rem}h2{font-size:clamp(1.6rem,2.5vw,2.2rem);margin:2.8rem 0 1.2rem}h3{font-size:1.3rem;margin:1.8rem 0 .8rem}p,ul,ol,figure{margin:0 0 1.4rem}ul,ol{padding-left:1.5rem}li+li{margin-top:.65rem}blockquote{border-left:3px solid var(--accent);margin:2rem 0;padding:0 1.5rem}pre{overflow:auto}code{overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.hcc-container{width:min(var(--measure),calc(100% - 3rem));margin-inline:auto}.hcc-skip{position:absolute;left:1rem;top:-6rem;z-index:99;background:var(--white);padding:.6rem 1rem}.hcc-skip:focus{top:1rem}.hcc-header{border-bottom:1px solid var(--line);background:var(--paper)}.hcc-header-inner{display:flex;align-items:center;gap:2rem;min-height:5.5rem}.hcc-brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-size:1.2rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.hcc-brand-mark{width:2.3rem;height:2.3rem;color:var(--accent)}.hcc-brand .custom-logo-link{display:block}.custom-logo{max-height:3rem;width:auto}.hcc-nav{margin-left:auto;display:flex;align-items:center;gap:1.6rem}.hcc-nav a{color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:650}.hcc-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--accent)}.hcc-menu-toggle{display:none;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:.5rem;background:var(--white);padding:.6rem .8rem}.hcc-menu-toggle svg{width:1.2rem}.hcc-nav[hidden]{display:none}.hcc-search-link{display:flex;align-items:center;gap:.4rem}.hcc-search-link svg{width:1rem}
.hcc-main{min-height:60vh;padding-block:3.5rem 5rem}.hcc-breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:1.4rem}.hcc-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0;margin:0}.hcc-breadcrumbs li+li{margin:0}.hcc-breadcrumbs li+li:before{content:"/";margin-right:.55rem;color:#87968c}.hcc-breadcrumbs a{color:var(--muted)}.hcc-kicker{font-size:.75rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:1rem}.hcc-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:4rem;align-items:start}.hcc-article{min-width:0;max-width:56rem}.hcc-article-head{border-bottom:1px solid var(--line);padding-bottom:1.8rem;margin-bottom:2rem}.hcc-article-head h1{font-size:clamp(2.1rem,3.5vw,3.3rem)}.hcc-meta{font-size:.8rem;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap}.hcc-guide{overflow-wrap:anywhere}.hcc-guide>p:first-of-type{font-size:1.1rem}.hcc-guide>h2{padding-top:1rem;border-top:1px solid var(--line)}.hcc-guide [id]{scroll-margin-top:2rem}.hcc-guide strong{font-weight:700}.hcc-guide figure{padding:1.5rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.hcc-guide figure img{display:block;max-height:22rem;width:auto;margin:auto;object-fit:contain}.hcc-guide figcaption{font-size:.78rem;color:var(--muted);margin-top:.8rem}.hcc-guide .hcc-offer{display:inline-flex;align-items:center;min-height:2.8rem;border:1px solid var(--accent);border-radius:.5rem;padding:.6rem .9rem;text-decoration:none;font-weight:650}.hcc-guide .hcc-offer:hover{background:#fbeee8}.hcc-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:.75rem;margin:1.5rem 0;background:var(--white)}.hcc-guide table{width:100%;min-width:48rem;border-collapse:collapse;font-size:.88rem;line-height:1.5}.hcc-guide table.hcc-compact{min-width:30rem}.hcc-guide caption{text-align:left;font-size:.85rem;font-weight:700;padding:1rem;background:var(--sage)}.hcc-guide th,.hcc-guide td{padding:1rem;vertical-align:top;text-align:left;border-top:1px solid var(--line);border-right:1px solid var(--line)}.hcc-guide th{font-weight:650}.hcc-guide thead{background:#f2f5f1}.hcc-guide th:last-child,.hcc-guide td:last-child{border-right:0}.hcc-guide details{padding:1rem;border:1px solid var(--line);border-radius:.75rem;margin-bottom:.75rem}.hcc-guide summary{font-weight:700;cursor:pointer}.hcc-guide details p{margin-top:1rem}.hcc-aside{border-top:2px solid var(--ink);padding-top:1rem}.hcc-aside h2{font-size:1.05rem;margin:0 0 1rem}.hcc-aside ul{list-style:none;padding:0}.hcc-aside li{border-top:1px solid var(--line);padding-top:.8rem;margin-top:.8rem}.hcc-aside a{font-size:.9rem}.hcc-aside p{font-size:.8rem;color:var(--muted)}
.hcc-home .hcc-main{padding-top:3rem}.hcc-home-intro{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:4rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:3rem;margin-bottom:2rem}.hcc-home-art{background:var(--sage);border-radius:50% 50% 1rem 1rem;aspect-ratio:1;padding:2.5rem;position:relative}.hcc-home-art svg{height:100%;width:100%;color:var(--ink)}.hcc-home-art:after{content:"";position:absolute;width:3rem;height:.25rem;background:var(--accent);bottom:2rem;right:2rem;transform:rotate(-25deg)}.hcc-home .hcc-guide>h1{max-width:55rem}.hcc-home .hcc-guide>p:first-of-type{max-width:48rem}.hcc-home .hcc-guide>h2{border-top:0;padding-top:0}.hcc-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:1.8rem 0 3rem;counter-reset:task}.hcc-task-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;counter-increment:task;display:flex;flex-direction:column;position:relative}.hcc-task-card:before{content:"0" counter(task);font:700 .75rem/1 monospace;color:var(--accent-dark);letter-spacing:.08em;margin-bottom:1rem}.hcc-task-card h3{margin:0 0 1rem;font-size:1.35rem}.hcc-task-card p{font-size:.94rem}.hcc-task-card p:last-child{margin-bottom:0}.hcc-task-card a{font-weight:700}.hcc-task-card:hover{border-color:#a1aca5}.hcc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:2rem 0}.hcc-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white)}.hcc-card-media{display:grid;place-items:center;height:13rem;background:#f0f2ed;padding:1.3rem}.hcc-card-media img{width:100%;height:100%;max-height:10.5rem;object-fit:contain}.hcc-card-body{padding:1.25rem}.hcc-card h2{margin:.5rem 0 0;font-size:1.2rem}.hcc-card h2 a{color:var(--ink);text-decoration:none}.hcc-card h2 a:hover{text-decoration:underline}.hcc-card-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--accent-dark)}.hcc-card-placeholder{width:4rem;height:4rem;color:#8a968e}.hcc-archive-head{max-width:52rem;margin-bottom:2rem}.hcc-archive-head .hcc-guide{font-size:1rem}.hcc-pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:3rem}.hcc-pagination .page-numbers{padding:.6rem 1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--white);text-decoration:none}.hcc-pagination .current{background:var(--ink);color:var(--white)}
.hcc-footer{background:var(--ink);color:#d7dfda;padding:3rem 0}.hcc-footer-inner{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start}.hcc-footer a{color:#fff}.hcc-footer .hcc-brand{color:#fff}.hcc-footer p{font-size:.82rem;max-width:26rem;margin:1rem 0 0}.hcc-footer-nav{display:flex;gap:1.3rem;flex-wrap:wrap;font-size:.85rem}.hcc-copyright{font-size:.75rem;color:#c2ccc5;border-top:1px solid #425047;margin-top:2rem;padding-top:1rem}.hcc-search-form{display:flex;gap:.6rem;max-width:38rem}.hcc-search-form input{width:100%;min-width:0;border:1px solid var(--line);padding:.8rem;border-radius:.5rem;background:#fff}.hcc-button,.hcc-search-form button,.form-submit input{background:var(--accent-dark);color:#fff;border:0;border-radius:.5rem;padding:.8rem 1.2rem;text-decoration:none;min-height:2.8rem}.hcc-empty{max-width:42rem;padding-block:2rem}.hcc-comments{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem}.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none}.comment-body{border-bottom:1px solid var(--line);padding:1.2rem 0}.comment-author .avatar{float:left;margin-right:.7rem}.comment-metadata,.comment-notes,.logged-in-as{font-size:.8rem;color:var(--muted)}.comment-form label{display:block}.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{width:100%;max-width:42rem;border:1px solid #aeb8b0;border-radius:.5rem;background:#fff;padding:.7rem}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto;width:auto;height:auto;padding:.5rem;background:#fff;z-index:9}.wp-caption{max-width:100%}.aligncenter{display:block;margin-inline:auto}.alignleft{float:left;margin-right:1rem}.alignright{float:right;margin-left:1rem}.hcc-guide .cegg5-container,.hcc-guide .gspb_container{max-width:100%;overflow-wrap:anywhere}.hcc-legacy-content{overflow-wrap:anywhere}.hcc-legacy-content table{max-width:100%;display:block;overflow-x:auto}.hcc-legacy-content img{height:auto;max-width:100%}
.hcc-home-shell{position:relative}.hcc-home-shell>.hcc-home-art{position:absolute;top:0;right:0;width:18rem}.hcc-home-shell .hcc-guide>h1,.hcc-home-shell .hcc-guide>p:first-of-type,.hcc-home-shell .hcc-guide>.wp-block-group__inner-container>h1,.hcc-home-shell .hcc-guide>.wp-block-group__inner-container>p:first-of-type{max-width:calc(100% - 22rem)}
@media(max-width:1000px){.hcc-article-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.hcc-aside{max-width:56rem}.hcc-home-intro{grid-template-columns:minmax(0,1fr) 14rem;gap:2rem}.hcc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hcc-nav{gap:1rem}.hcc-task-card{padding:1.2rem}.hcc-home-shell>.hcc-home-art{width:14rem}.hcc-home-shell .hcc-guide>h1,.hcc-home-shell .hcc-guide>p:first-of-type,.hcc-home-shell .hcc-guide>.wp-block-group__inner-container>h1,.hcc-home-shell .hcc-guide>.wp-block-group__inner-container>p:first-of-type{max-width:calc(100% - 17rem)}}
@media(max-width:760px){.hcc-container{width:calc(100% - 2rem)}.hcc-header-inner{min-height:4.5rem;flex-wrap:wrap;gap:0;justify-content:space-between}.hcc-brand{font-size:1.05rem}.js .hcc-menu-toggle{display:flex}.hcc-nav{width:100%;margin:0;padding:1rem 0 1.3rem;flex-direction:column;align-items:flex-start;gap:1rem}.hcc-main{padding-block:2rem 3.5rem}.hcc-task-grid{grid-template-columns:1fr;gap:1rem}.hcc-task-card{padding:1.5rem}.hcc-card-grid{gap:1rem}.hcc-card-media{height:10rem;padding:1rem}.hcc-card-media img{max-height:8rem}.hcc-card-body{padding:1rem}.hcc-card h2{font-size:1.05rem}.hcc-footer-inner{flex-direction:column}.hcc-home-intro{grid-template-columns:1fr}.hcc-home-art{display:none}.hcc-article-head{padding-bottom:1.3rem}.hcc-guide figure{padding:1rem}.hcc-guide figure img{max-height:17rem}.hcc-search-form{flex-wrap:wrap}.hcc-footer-nav{gap:1rem}.hcc-home .hcc-main{padding-top:2rem}}
@media(max-width:430px){.hcc-card-grid{grid-template-columns:1fr}.hcc-card-media{height:12rem}.hcc-card-media img{max-height:10rem}}
@media(max-width:760px){.hcc-home-shell .hcc-guide>h1,.hcc-home-shell .hcc-guide>p:first-of-type,.hcc-home-shell .hcc-guide>.wp-block-group__inner-container>h1,.hcc-home-shell .hcc-guide>.wp-block-group__inner-container>p:first-of-type{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.hcc-header,.hcc-footer,.hcc-aside,.hcc-menu-toggle,.hcc-comments{display:none}.hcc-main{padding:0}.hcc-container{width:100%}.hcc-article-layout{display:block}.hcc-table-wrap{overflow:visible}.hcc-guide table{min-width:0;font-size:9pt}body{background:#fff}}
/* Reset the legacy table fallback inside the reviewed native component. */
.hcc-legacy-content .hcc-guide table{display:table;max-width:none;overflow:visible}
.hcc-topics{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;font-size:.85rem;overflow-wrap:anywhere}.hcc-topics span{font-weight:650}.hcc-topics a{overflow-wrap:anywhere}