/* AutocaptionsLK.com — shared site footer (all public pages). Hand-written source, NOT generated. Loaded last in so it wins over the element-level `footer{}` rules in styles.css / legal.css. */ .sfoot{ /* local aliases so the footer looks the same on the homepage (styles.css vars) and on the document/guide pages (legal.css vars) */ --sf-ink:var(--ink,#15111F); --sf-ink2:var(--ink2,#39324A); --sf-muted:var(--muted,#6E6880); --sf-line:var(--line,#ECE7F3); --sf-soft:var(--soft,#FBF9FE); --sf-purple:var(--purple,#6A2C91); --sf-grad:var(--grad,linear-gradient(155deg,#C2187B 0%,#9A288F 34%,#6A2C91 60%,#3A2FBF 84%,#2823A8 100%)); position:relative; margin:64px 0 0; padding:0; display:block; text-align:left; border-top:1px solid var(--sf-line); background-image: radial-gradient(680px 260px at 10% 0%, rgba(194,24,123,.07), transparent 62%), radial-gradient(620px 260px at 92% 0%, rgba(40,35,168,.07), transparent 60%); background-color:var(--sf-soft); color:var(--sf-ink2); font-family:var(--ui,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif); font-size:14px; line-height:1.7; } .sfoot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--sf-grad)} .sfoot p{margin:0;max-width:none;font-size:inherit;color:inherit} .sfoot ul{list-style:none;margin:0;padding:0} .sfoot-in{max-width:1120px;margin:0 auto;padding:46px 22px 34px;display:grid;gap:34px 54px; grid-template-columns:minmax(0,1.05fr) repeat(3,minmax(0,.95fr))} /* brand column */ .sfoot-logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--sf-ink)} .sfoot-logo img{height:30px;width:auto} .sfoot-logo span{font-family:var(--disp,Georgia,serif);font-size:19px;font-weight:500;letter-spacing:-.3px} .sfoot-logo .tld{font-size:.72em;font-weight:400;color:var(--sf-muted)} .sfoot-logo:hover span{color:var(--sf-purple)} .sfoot-tag{margin:14px 0 0;color:var(--sf-muted);font-size:13.5px;line-height:1.7;max-width:31ch} .sfoot-note{margin:12px 0 0;color:var(--sf-muted);font-size:12.5px;line-height:1.7;max-width:31ch; padding-left:12px;border-left:2px solid var(--sf-purple);opacity:.92} /* link columns */ .sfoot-h{margin:0 0 13px;font-size:11.5px;font-weight:700;letter-spacing:.95px; text-transform:uppercase;color:var(--sf-purple)} .sfoot-col li{margin:0 0 9px} .sfoot-col a{display:inline-block;color:var(--sf-ink2);text-decoration:none; border-bottom:1px solid transparent;padding:2px 0} .sfoot-col a:hover{color:var(--sf-purple);border-bottom-color:currentColor} .sfoot-col a:focus-visible{outline:3px solid var(--sf-purple);outline-offset:3px;border-radius:4px} .sfoot-col a[lang="si"]{font-size:15px;letter-spacing:0;line-height:1.9; font-family:'Noto Sans Sinhala','Iskoola Pota','Nirmala UI','Sinhala Sangam MN',var(--ui,sans-serif)} /* bottom bar */ .sfoot-bottom{max-width:1120px;margin:0 auto;padding:16px 22px 30px;border-top:1px solid var(--sf-line); display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 20px; color:var(--sf-ink2);font-size:12.5px} .sfoot-bottom p{margin:0} .sfoot-bottom > p:first-child{justify-self:start} .sfoot-powered{justify-self:end;color:var(--sf-muted); font-family:var(--ui,system-ui),'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif} .sfoot-powered b{color:var(--sf-purple);font-weight:600} @media(max-width:1000px){ .sfoot-in{grid-template-columns:1fr 1fr;gap:30px 30px} } @media(max-width:820px){ .sfoot{margin-top:48px} .sfoot-in{padding:34px 18px 22px;gap:26px 24px} .sfoot-bottom{padding:14px 18px 26px} } @media(max-width:560px){ .sfoot-in{grid-template-columns:1fr} .sfoot-col li{margin-bottom:12px} .sfoot-bottom{grid-template-columns:1fr;gap:6px} .sfoot-bottom > p:first-child,.sfoot-lang,.sfoot-powered{justify-self:start;text-align:left} } @media(prefers-color-scheme:dark){ /* the brand gradient ends on a dark navy that disappears on a dark page */ .sfoot::before{background:linear-gradient(90deg,#E0559F 0%,#B06AF0 46%,#7A6BFF 100%)} .sfoot{ background-image: radial-gradient(680px 260px at 10% 0%, rgba(201,166,255,.08), transparent 62%), radial-gradient(620px 260px at 92% 0%, rgba(90,80,255,.08), transparent 60%); } } .sfoot-lang{color:var(--sf-muted)} .sfoot-lang a{color:var(--sf-ink2);text-decoration:none;border-bottom:1px solid transparent;padding:2px 0} .sfoot-lang a:hover{color:var(--sf-purple);border-bottom-color:currentColor} .sfoot-lang a:focus-visible{outline:3px solid var(--sf-purple);outline-offset:3px;border-radius:4px} .sfoot-lang a[aria-current="true"]{color:var(--sf-purple);font-weight:600;border-bottom-color:currentColor} .sfoot-note a{color:var(--sf-ink2);text-decoration:underline;text-decoration-color:rgba(106,44,145,.45)} .sfoot-note a:hover{color:var(--sf-purple)}