.cookies-hero { padding:17px 0 18px; background:radial-gradient(ellipse at 85% 80%,#bbe4ff99,transparent 60%),linear-gradient(110deg,#f1f9ff,#e6f4ff); border-bottom:1px solid #deebfb; }
.lipicode-bold .cookies-hero > .container,.lipicode-bold .cookie-page > .container { width:min(1320px,calc(100% - 112px)); max-width:1320px; margin-inline:auto; }
.cookies-hero nav { display:flex; gap:9px; font-size:.72rem; color:#526b90; margin-bottom:13px; }
.cookies-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:25px; align-items:center; }
.cookies-hero h1 { font-size:clamp(2.35rem,3.8vw,3.4rem); letter-spacing:-.04em; line-height:1.13; margin:0 0 10px; color:#081344; }.cookies-hero h1 span { color:#0067ff; }
.cookies-hero p { font-size:.96rem; line-height:1.55; color:#425574; max-width:650px; margin:0 0 9px; }.cookies-hero small { color:#69809f; font-size:.66rem; }
.cookies-hero ul { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:15px 0 0; gap:10px 18px; font-size:.7rem; color:#315b91; }
.cookies-hero-art { position:relative; height:190px; }.cookies-hero-art img { width:100%; height:225px; object-fit:contain; }.cookies-hero-art > span { position:absolute; right:-3%; top:42px; color:#0061e7; font-size:1.12rem; font-weight:700; font-style:italic; line-height:1.4; transform:rotate(-8deg); border-bottom:3px solid #0061ef; }
.lipicode-bold .cookie-page { padding:12px 0 22px; background:#fbfdff; }
.cookie-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; align-items:start; }
.cookie-main { counter-reset:cookie-section; border:1px solid #dce9fa; border-radius:11px; padding:0 15px; background:white; min-width:0; }
.cookie-main .cookie-section { position:relative; counter-increment:cookie-section; padding:13px 0 13px 100px; margin:0; border:0; border-bottom:1px solid #eaf1fb; scroll-margin-top:90px; }
.cookie-main .cookie-section:last-child { border-bottom:0; }
.cookie-section::before { content:counter(cookie-section); position:absolute; left:0; top:14px; display:grid; place-items:center; width:29px; height:29px; border-radius:50%; color:white; background:linear-gradient(130deg,#1baaff,#005eff); font-size:.9rem; font-weight:700; }
.cookies-section-icon { position:absolute; left:46px; top:13px; display:grid; place-items:center; width:43px; height:46px; border-radius:10px; color:#0084ff; background:#e5f2ff; }.cookies-section-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.cookies-tone-1 { color:#00b989; background:#e2f9f1; }.cookies-tone-2 { color:#8d40ed; background:#f1e8ff; }.cookies-tone-3 { color:#ff9800; background:#fff2e0; }
.lipicode-bold .cookie-main h2 { font-size:.96rem!important; line-height:1.4; margin:0 0 7px; color:#142b50; }.lipicode-bold .cookie-main :is(p,li,td,th) { font-size:.8rem!important; line-height:1.6; color:#425574; }.cookie-main p { margin:0 0 8px; }.cookie-table-wrap { overflow:auto; margin:10px 0; }.cookie-table { width:100%; min-width:570px; border-collapse:collapse; }.cookie-table th,.cookie-table td { padding:9px; border:1px solid #e4ecf7; vertical-align:top; }.cookie-table th { background:#eff7ff; }.cookie-table code { overflow-wrap:anywhere; }
.cookie-sidebar { display:grid; gap:12px; position:static; }
.lipicode-bold .cookie-aside-card { border:1px solid #dce9fa; border-radius:10px; padding:14px; background:linear-gradient(120deg,#fff,#f7fbff); }
.cookie-aside-card h2 { display:flex; align-items:center; gap:8px; font-size:.93rem; line-height:1.4; color:#142b50; margin:0 0 11px; }.cookie-aside-card p { font-size:.77rem; line-height:1.6; color:#526a8b; margin:0 0 11px; }.cookie-toc ol { list-style:none; counter-reset:cookie-toc; padding:0; margin:0; }.cookie-toc li { counter-increment:cookie-toc; }.cookie-toc a { display:flex; gap:8px; align-items:center; font-size:.73rem; color:#44628b; padding:6px; border-radius:7px; }.cookie-toc li:first-child a { background:#e8f3ff; color:#0067f1; }.cookie-toc a::before { content:counter(cookie-toc); display:grid; place-items:center; flex:0 0 20px; height:20px; border-radius:50%; background:#deedff; color:#0067ed; font-size:.67rem; }
.cookies-sidebar-symbol { display:inline-flex; color:#0875ff; }.cookies-sidebar-symbol svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; }.cookies-question { display:grid; place-items:center; width:26px; height:28px; border-radius:50% 50% 50% 4px; background:linear-gradient(130deg,#22b7ff,#0063ff); color:white; font-size:1.2rem; }
.cookie-page .cookie-preferences-open,.cookie-help-card > a { display:inline-flex; align-items:center; justify-content:center; padding:9px 15px; margin:4px 5px 4px 0; border:0; border-radius:23px; color:white; background:linear-gradient(110deg,#168aff,#005cff); font:600 .73rem var(--font-sans); cursor:pointer; }.cookie-page [data-google-privacy-settings] { background:white; color:#0067ed; border:1px solid #87b9ff; }.browser-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }.browser-grid article { padding:10px; border:1px solid #e1ebf8; border-radius:8px; }.browser-grid small { font-size:.69rem; line-height:1.5; }.cookie-note { padding:9px; background:#f3f8ff; border-radius:8px; }
@media(max-width:900px) { .cookies-hero-art > span { display:none; }.cookie-layout { grid-template-columns:minmax(0,1fr) 280px; } }
@media(max-width:800px) { .lipicode-bold .cookies-hero > .container,.lipicode-bold .cookie-page > .container { width:calc(100% - 36px); }.cookies-hero-grid,.cookie-layout { grid-template-columns:1fr; }.cookies-hero-art { display:none; } }
@media(max-width:500px) { .cookie-main .cookie-section { padding-left:38px; }.cookies-section-icon { display:none; }.cookies-hero h1 { font-size:2.2rem; }.cookies-hero p { font-size:.88rem; }.browser-grid { grid-template-columns:1fr; } }