/* ===== LaunchUP Quick Wins CSS (1 Nov 2026) ===== */
/* 1. One heading typeface site-wide (brand serif) */
.entry-content h1,.entry-content h2,.entry-content h3,h1.entry-title,h2.entry-title,.page-title,.lu-qw-blog-head h1,
.luw .luw-serif,.lufq-title,.lufq-question,.acns h1,.acns h2,.acns h3{font-family:'Fraunces',Georgia,serif !important;letter-spacing:-0.01em}
.luw .luw-serif{font-weight:600 !important}
/* 2. Footer links: same plain style on every page */
.site-footer a,.footer-widgets a{color:#1F2A24 !important;text-decoration:none !important}
.site-footer a:hover,.site-footer a:focus,.footer-widgets a:hover,.footer-widgets a:focus{text-decoration:underline !important}
/* 3. Calculator on phones: drop the duplicate cramped cards (the bars below show the same figures) */
@media (max-width:599px){
 .luw .luw-kpis{display:none !important}
 .luw .luw-vs thead th:first-child{width:42% !important}
 .luw .luw-vs thead th:not(:first-child){width:29% !important}
 .luw .luw-vs th,.luw .luw-vs td,.luw .luw-vs td *{font-size:13.5px !important;overflow-wrap:normal;word-break:normal;hyphens:manual}
 .luw .luw-vs thead th{font-size:11px !important;letter-spacing:.03em}
}
/* 4. Calculator: reserve space so results don't push the page around (CLS) */
.luw #luw-kpis:empty,.luw #luw-cmp:empty{min-height:140px}
/* 5. Organiser comparison table: stacked cards on phones */
@media (max-width:640px){
 .lu-cmp-wrap{overflow:visible}
 .lu-cmp,.lu-cmp tbody,.lu-cmp tr,.lu-cmp tr>*{display:block;width:100% !important;box-sizing:border-box}
 .lu-cmp tr:first-child{display:none}
 .lu-cmp tr{border:1px solid #e3ddd0;border-radius:12px;margin:0 0 14px;padding:12px 14px;background:#fff}
 .lu-cmp tr>*{border:0 !important;padding:5px 0 !important;text-align:left !important;background:none !important}
 .lu-cmp tr>*:first-child{font-weight:700;font-size:18px;padding-bottom:8px !important;color:#1F2A24}
 .lu-cmp tr>*:nth-child(2)::before{content:"Big printed workbooks: ";font-weight:600}
 .lu-cmp tr>*:nth-child(3)::before{content:"Overseas printables: ";font-weight:600}
 .lu-cmp tr>*:nth-child(4){background:#eef5ef !important;border-radius:8px;padding:8px 10px !important;margin-top:6px}
 .lu-cmp tr>*:nth-child(4)::before{content:"Leave It Sorted Organiser: ";font-weight:700}
}
/* 6. Tablet: menu on its own full-width row under the logo, no wrapping */
@media (min-width:769px) and (max-width:1100px){
 .site-header .inside-header{flex-wrap:wrap;row-gap:4px}
 .site-header .main-navigation.sub-menu-right{width:100%;flex-basis:100%;margin-left:0}
 .site-header .main-navigation .main-nav>ul{flex-wrap:nowrap;justify-content:space-between}
 .site-header .main-navigation .main-nav>ul>li>a{padding-left:9px;padding-right:9px;font-size:15px;line-height:52px;white-space:nowrap}
 .site-header .main-navigation .main-nav>ul>li>a .dropdown-menu-toggle{padding-left:6px;padding-right:0}
}
/* 7. Quiz: no 'stuck' hover on touch screens; tidy the retake link */
@media (hover:none){.lufq-ans:hover{border-color:#cfe0d8}}
@media (max-width:600px){.lufq-link{display:block;margin:14px 0 0}}
/* 8. Contrast fixes (WCAG AA) */
.lug-cover small{color:#7a5a1f !important}
.luseo-author a{color:#1a5f9e !important}
.lu-section p[style*="8A9089"],.lu-section p[style*="8a9089"]{color:#5f655e !important}
/* 9. Blog listing header */
.lu-qw-blog-head{margin:0 0 28px;padding:26px 22px;background:#F7F5EF;border-radius:14px}
.lu-qw-blog-head h1{font-size:clamp(30px,5vw,42px);margin:0 0 10px;color:#1F2A24}
.lu-qw-blog-head p{font-size:18px;color:#3b463f;max-width:46em}

/* 10. Related guides box + quiz intro */
.lu-qw-related{max-width:760px;margin:40px auto 10px;padding:22px 24px;background:#F7F5EF;border:1px solid #E3DDD0;border-radius:14px}
.lu-qw-related h2{font-size:22px !important;margin:0 0 10px !important;color:#1F2A24}
.lu-qw-related ul{margin:0;padding-left:20px}
.lu-qw-related li{margin:6px 0;font-size:18px;line-height:1.45}
.lu-qw-related a{color:#24594d;text-decoration:underline}
.lu-qw-intro{max-width:720px;margin:0 auto 18px;font-size:18px;line-height:1.6;color:#2b3530}

/* 11. Added hub sections */
.lu-qw-section{max-width:760px;margin:40px auto 0;padding:0 4px;font-size:18px;line-height:1.65;color:#1F2A24}
.lu-qw-section h2{font-size:30px;margin:34px 0 12px;color:#1F2A24}
.lu-qw-section h3{font-size:21px;margin:22px 0 6px;color:#1F2A24}
.lu-qw-section p{margin:0 0 14px}
.lu-qw-section a{color:#24594d;text-decoration:underline}
.lu-qw-section table{width:100%;border-collapse:collapse;font-size:16px;margin:8px 0 16px}
.lu-qw-section th,.lu-qw-section td{border:1px solid #E3DDD0;padding:8px 10px;text-align:left;vertical-align:top}
.lu-qw-section thead th{background:#F7F5EF}
.lu-qw-src{font-size:15px !important;color:#4d5650}
@media (max-width:600px){.lu-qw-section table{font-size:14px}.lu-qw-section th,.lu-qw-section td{padding:6px}}
/* 12. Tables inside guides: no clipping on phones */
@media (max-width:600px){
 .entry-content figure.wp-block-table,.lu-qw-section figure.wp-block-table{overflow-x:visible;margin-left:0;margin-right:0}
 .entry-content figure.wp-block-table table,.lu-qw-section table{table-layout:fixed;width:100% !important;font-size:14px !important}
 .entry-content figure.wp-block-table th,.entry-content figure.wp-block-table td,.lu-qw-section th,.lu-qw-section td{word-break:normal;overflow-wrap:anywhere;hyphens:auto;padding:6px 5px !important}
 .lu-qw-section thead th:first-child,.lu-qw-section tbody th{width:38%}
}