/* homepage: soft page, centered hero, pill categories, rich tool cards */
body.ilp{background:#F4F2F7;--line:#E8E4EE}
.ilp main.home{gap:22px;padding-top:22px}
.ilp .h-hero{align-items:center;text-align:center;gap:12px;padding:8px 0 4px}
.ilp .h-hero h1{white-space:normal;font-size:clamp(28px,6.4vw,46px);line-height:1.2;font-weight:700}
.ilp .h-hero .lede{display:block;font-size:15.5px;color:#5B5868;max-width:52ch;margin:0 auto}
.ilp .hs{width:100%;max-width:560px;margin:4px auto 0;padding:5px 5px 5px 16px;box-shadow:0 8px 24px rgba(51,51,63,.08)}
.ilp .trust{justify-content:center}
.ilp .chips{justify-content:flex-start;gap:10px;padding:4px 16px}
.ilp .chips button{background:#fff;color:#33333F;border:1px solid #E1DCE9;font-size:14px;font-weight:500;padding:10px 18px;min-height:40px}
.ilp .chips button:hover{border-color:var(--accent)}
.ilp .chips button[aria-pressed="true"]{background:#33333F;border-color:#33333F;color:#fff}
.ilp .chips button.o{background:#FFF1E6;color:#B8420A;border-color:#F3D5BB}
.ilp .chips button.o[aria-pressed="true"]{background:#C2410C;color:#fff;border-color:#C2410C;box-shadow:none}
.ilp .secs{gap:30px}
.ilp .sh h2{font-size:20px}
.ilp .more{display:none}
.ilp .sec .tg .x,.ilp .sec .strip .x{display:grid!important}
.ilp .sec .strip .sc.all{display:flex!important}
.ilp .tg,.ilp .home .strip,.ilp .strip{display:grid;grid-template-columns:1fr;gap:12px;overflow:visible;margin:0;padding:0}
.ilp .tc,.ilp .strip .sc{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:16px 18px;min-height:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(51,51,63,.04);flex:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.ilp .tc:hover,.ilp .strip .sc:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(51,51,63,.1);border-color:#D5CEE0}
.ilp .tc b,.ilp .strip .sc b{font-size:16px;font-weight:600;line-height:1.3}
.ilp .ti{width:40px;height:40px;border-radius:11px}
.ilp .ti svg{width:21px;height:21px}
.ilp .tc .kw{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;grid-column:1/-1;font-size:13.5px;line-height:1.55;color:#6B6878;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ilp .strip .sc{background:#FFF8F2;border-color:#F3D5BB}
.ilp .strip .sc em{grid-column:1/-1;margin:0;font-size:13.5px;font-weight:500;color:#B8420A}
.ilp .strip .sc.all{background:#C2410C;border-color:#C2410C}
.ilp .strip .sc.all em{color:#FFE9DA}
.ilp .strip .sc.all{grid-template-columns:auto 1fr}
.ilp .work{display:flex;flex-direction:column;gap:14px;text-align:center;padding:8px 0 4px}
.ilp .work h2{font-size:clamp(24px,5vw,32px);font-weight:700}
.ilp .wg{display:grid;grid-template-columns:1fr;gap:14px;text-align:left}
.ilp .wc{background:#FCE4DF;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px}
.ilp .wc:nth-child(2){background:#E6EEFB}.ilp .wc:nth-child(3){background:#E3F3EC}
.ilp .wc h3{font-size:18px;font-weight:700}
.ilp .wc p{font-size:14.5px;line-height:1.6;color:#4A4858}
.ilp .wc .ti{width:44px;height:44px;margin-bottom:4px}
.ilp .sitefoot{margin-top:28px}
@media(min-width:640px){.ilp .tg,.ilp .strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ilp .wg{grid-template-columns:repeat(3,1fr)}.ilp .chips{justify-content:center;flex-wrap:wrap;margin-inline:0;padding-inline:0}}
@media(min-width:980px){.ilp .tg,.ilp .strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ilp .tc,.ilp .strip .sc{padding:20px}}
@media(min-width:1240px){.ilp .tg,.ilp .strip{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* --- round 2: refinements --- */
body.ilp{background-color:#F3F0F5}
/* header: hamburger | logo ........ apps grid */
.ilp .site-head .bar{gap:12px;padding-inline:14px}
.ilp .head-r{order:-1}
.ilp .brand{margin-right:auto;font-size:21px;font-weight:700}
.ilp .menu summary{font-size:0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2333333F' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E") left center/26px no-repeat;width:34px;min-height:44px;padding:0;margin-left:0}
.ilp .menu summary:hover{background-color:transparent}
.ilp .menu nav{left:0;right:auto}
/* page order: tools first, schemes after, then "Work your way", then SEO text */
.ilp #g6{order:9}
.ilp .work{order:1}
.ilp main.home .prose{order:2}
.ilp .secs{display:flex}
/* tighter hero so tools start sooner */
.ilp .h-hero .lede{display:none}
.ilp .trust{display:none}
.ilp .h-hero h1{font-size:clamp(26px,6vw,42px)}
/* cards */
.ilp .tc,.ilp .strip .sc{padding:14px 16px;border-radius:12px;border-color:#ECE8F0;gap:6px 12px}
.ilp .tc b{font-size:17px;font-weight:600}
.ilp .tc .kw{font-size:14px;color:#6E6B7A;-webkit-line-clamp:4}
.ilp .ti{background:var(--tint,#eee)!important;width:38px;height:38px;border-radius:10px}
.ilp .ti svg{stroke:var(--c,#33333F);width:22px;height:22px}
.ilp .strip .sc.all .ti{background:rgba(255,255,255,.2)!important}
.ilp .strip .sc.all .ti svg{stroke:#fff}
/* work cards: white with tinted top  */
.ilp .wc{background:#fff;border:1px solid #ECE8F0;box-shadow:0 1px 2px rgba(51,51,63,.04);border-top:6px solid #F6C9C4}
.ilp .wc:nth-child(2){background:#fff;border-top-color:#C5D8F7}.ilp .wc:nth-child(3){background:#fff;border-top-color:#BFE3D2}
.ilp .strip .sc .ti{--c:#E8590C;--tint:#FDE6D4}
.ilp .strip .sc.all .ti{--c:#fff}

/* --- round 3: scale (small text, vivid glyph icons, centered pills, centered footer) --- */
.ilp main.home{padding-inline:14px;gap:16px}
.ilp .chips{flex-wrap:wrap;justify-content:center;overflow:visible;margin-inline:0;padding:0;gap:9px}
.ilp .chips button{font-size:14px;padding:9px 18px;min-height:38px;font-weight:600}
.ilp .secs{gap:20px}
.ilp .sh h2{font-size:17px}
.ilp .tg,.ilp .strip{gap:10px}
.ilp .tc,.ilp .strip .sc{padding:12px 14px;gap:5px 10px;border-radius:10px;box-shadow:0 1px 3px rgba(51,51,63,.06)}
.ilp .tc b,.ilp .strip .sc b{font-size:15px;font-weight:600}
.ilp .tc .kw,.ilp .strip .sc em{font-size:12.5px;line-height:1.5;color:#6B6878}
.ilp .strip .sc em{color:#B8420A;font-weight:500}
.ilp .ti,.ilp .strip .sc .ti{background:none!important;width:28px;height:28px;border-radius:0}
.ilp .ti svg{width:28px;height:28px;stroke:var(--c,#E8590C);stroke-width:1.7}
.ilp .strip .sc .ti{--c:#E8590C}
.ilp .strip .sc.all .ti{--c:#fff}.ilp .strip .sc.all .ti svg{stroke:#fff}
.ilp .strip .sc.all em{color:#FFE9DA}
.ilp .wc{border-radius:16px;padding:18px}
.ilp .wc .ti{width:34px;height:34px}.ilp .wc .ti svg{width:34px;height:34px}
.ilp .wc h3{font-size:16px}.ilp .wc p{font-size:13px}
.ilp .work h2{font-size:24px}
/* footer: centered single column  */
.ilp .sitefoot{text-align:center}
.ilp .sitefoot .fgrid{display:flex;flex-direction:column;align-items:center;gap:26px}
.ilp .sitefoot .fcol ul{display:flex!important;flex-direction:column;align-items:center;gap:14px!important;font-size:14px}
.ilp .sitefoot .fcol h3,.ilp .sitefoot .fcol h4{text-transform:uppercase;letter-spacing:.06em;font-size:13px;opacity:1;margin:18px 0 12px;color:#fff}
.ilp .sitefoot .fcol.tools h3{margin-top:0}
@media(min-width:980px){.ilp .tc .kw{-webkit-line-clamp:3}}

/* override theme.css white-stroke !important rules */
body.ilp .tc .ti svg,body.ilp .home .strip .sc .ti svg,body.ilp .sc .ti svg,body.ilp .wc .ti svg{stroke:var(--c,#E8590C)!important;width:28px;height:28px;stroke-width:1.7}
body.ilp .wc .ti svg{width:34px;height:34px}
body.ilp .sc.all .ti svg,body.ilp .home .strip .sc.all .ti svg{stroke:#fff!important}

/* perf: no blur on sticky header, no layout-shifting heading */
.ilp .site-head{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(hover:none){.ilp .tc,.ilp .strip .sc{transition:none}.ilp .tc:hover,.ilp .strip .sc:hover{transform:none;box-shadow:0 1px 3px rgba(51,51,63,.06)}}

/* header: burger flush-left, logo next to it, nothing pushing them to the middle */
.ilp .head-r{margin:0!important;padding:0;flex:none}
.ilp .brand{margin:0!important;flex:1 1 auto;min-width:0}
.ilp .menu summary{margin:0!important}
.ilp .menu nav{left:0;right:auto;max-width:calc(100vw - 28px)}

/* --- round 4: measured metrics (360px-wide phone) ---
   side margin 23 | card gap 16 | radius 14 | padding 12 | icon 30 | title 15/500 | desc 12.5/1.25 #686868 | header 54 */
body.ilp{background-color:#F5F4F9}
.ilp .site-head{border-bottom:1px solid #E0DFE4;box-shadow:none}
.ilp .site-head .bar{min-height:54px;padding-block:0}
.ilp .brand{font-size:20px}
@media(max-width:639px){.ilp main.home{padding-inline:23px}}
.ilp .secs{gap:26px}
.ilp .sh h2{font-size:17px;font-weight:600;color:#28272A}
.ilp .tg,.ilp .strip{gap:16px}
.ilp .tc,.ilp .strip .sc{padding:12px;gap:8px 12px;border-radius:14px;border:1px solid #D7D6DF;box-shadow:none;background:#fff}
.ilp .strip .sc{border-color:#F0CDB3;background:#FFF8F2}
.ilp .strip .sc.all{background:#C2410C;border-color:#C2410C}
.ilp .tc:hover,.ilp .strip .sc:hover{box-shadow:0 6px 18px rgba(51,51,63,.08);transform:none}
.ilp .tc>.ti,.ilp .strip .sc>.ti{width:30px!important;height:30px!important;min-width:30px;display:grid;place-items:center}
body.ilp .tc .ti svg,body.ilp .home .strip .sc .ti svg,body.ilp .sc .ti svg{width:30px;height:30px}
.ilp .tc b,.ilp .strip .sc b{font-size:15px;font-weight:500;line-height:1.25;color:#28272A}
.ilp .strip .sc.all b{color:#fff}
.ilp .tc .kw,.ilp .strip .sc em{font-family:system-ui,Roboto,"Noto Sans","Segoe UI",sans-serif;font-size:12.5px;line-height:1.25;color:#686868;font-weight:400}
.ilp .strip .sc em{color:#B8420A;font-weight:500}
.ilp .strip .sc.all em{color:#FFE9DA}
.ilp .chips button{border:1px solid #E3E1EA;box-shadow:0 1px 2px rgba(51,51,63,.05);font-weight:500;font-size:13.5px;padding:8px 16px;min-height:36px}
.ilp .wc{border:1px solid #D7D6DF;box-shadow:none;border-radius:14px}
.ilp .wc p{font-family:system-ui,Roboto,"Noto Sans","Segoe UI",sans-serif;line-height:1.35;color:#686868}
@media(min-width:640px){.ilp .tg,.ilp .strip{gap:16px}}
body.ilp .tc b,body.ilp .strip .sc b{font-size:15px;font-weight:500}

/* --- scheme quick links: heading, then all four visible together under the search box --- */
.ilp .sq{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:6px 0 0;text-align:left}
.ilp .sqh{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ilp .sqh h2{margin:0;font-size:17px;font-weight:600;color:#28272A}
.ilp .sqh a.all{font-size:13px;font-weight:600;color:#C2410C;text-decoration:none;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}
.ilp .sq>a{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border-radius:12px;background:#FFF8F2;border:1px solid #F0CDB3;color:#B8420A;font-size:13px;font-weight:500;text-decoration:none;min-width:0}
.ilp .sq>a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ilp .sq>a:hover{border-color:#C2410C}
@media(min-width:640px){.ilp .sq{grid-template-columns:repeat(4,1fr);max-width:560px;margin-inline:auto}}
.ilp .sq>a{font-size:12.5px;gap:6px;padding:0 8px;white-space:nowrap}
.ilp .sq>a svg{width:17px;height:17px}

/* Govt Schemes quick links: compact pills the same size as the category pills (text 13px, 36px high).
   2 x 2 on phones, 4 in one row on wider screens. site.js (fitSchemes) only shrinks the text on very narrow phones. */
.ilp .sq{display:grid;grid-template-columns:repeat(2,minmax(max-content,1fr));gap:8px;max-width:100%;scroll-margin-top:70px;font-size:13px}
.ilp .sqh{grid-column:1/-1;margin-bottom:0}
.ilp .sq>a{min-width:0;justify-content:center;gap:.4em;min-height:36px;padding:0 .7em;border-radius:999px;font-size:1em;font-weight:500;line-height:1;white-space:nowrap;background:#fff;border:1px solid #E7B993;color:#9A3412}
.ilp .sq>a svg{width:1.2em;height:1.2em;flex:none}
.ilp .sq>a:hover{background:#FFF4EA;border-color:#C2410C}
@media(min-width:600px){.ilp .sq{grid-template-columns:repeat(4,minmax(max-content,1fr));max-width:560px;margin-inline:auto}.ilp .sq>a{min-height:38px;padding:0 .8em}}

/* Govt Schemes: all four pills in ONE horizontal row on one screen (site.js shrinks the text to fit) */
.ilp .sq{grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:5px}
.ilp .sq>a{gap:.25em;padding:0 .55em}
.ilp .sq>a svg{width:1.1em;height:1.1em}
@media(min-width:600px){.ilp .sq{grid-template-columns:repeat(4,minmax(max-content,1fr));justify-content:normal;gap:8px}.ilp .sq>a{padding:0 .8em}}