.lipicode-bold .policy-reference-hero > .container,.lipicode-bold .policy-reference-content > .container { width:min(1320px,calc(100% - 112px)); max-width:1320px; margin-inline:auto; }
.policy-reference-hero .privacy-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:25px; }.policy-hero-art { position:relative; height:190px; }.policy-hero-art img { width:100%; height:225px; object-fit:contain; }.policy-hero-art > span { position:absolute; right:-4%; top:47px; color:#0061e7; font-size:1.13rem; font-weight:700; font-style:italic; line-height:1.4; transform:rotate(-8deg); border-bottom:3px solid #0061ef; }
.lipicode-bold .policy-reference-content { padding:12px 0 20px; }.policy-reference-content .privacy-layout { grid-template-columns:minmax(0,1fr) 320px; gap:16px; }.lipicode-bold .policy-reference-content .privacy-policy-card { padding:13px 15px; }.policy-reference-content .privacy-policy-card > article { grid-template-columns:46px minmax(0,1fr); padding:12px 0 12px 43px; gap:15px; }.policy-reference-content .privacy-policy-card > article::before { width:29px; height:29px; top:13px; }
.lipicode-bold .page-main .policy-reference-content .privacy-icon.policy-reference-icon { width:44px!important; height:47px!important; border-radius:10px!important; color:#0084ff!important; background:#e5f2ff!important; box-shadow:none!important; }.lipicode-bold .page-main .policy-reference-content .privacy-icon.policy-reference-icon.green { color:#00bb87!important; background:#e1f9f0!important; }.lipicode-bold .page-main .policy-reference-content .privacy-icon.policy-reference-icon.purple { color:#8c3cf0!important; background:#f0e6ff!important; }.lipicode-bold .page-main .policy-reference-content .privacy-icon.policy-reference-icon.pink { color:#ff1653!important; background:#ffe8f0!important; }.lipicode-bold .page-main .policy-reference-content .privacy-icon.policy-reference-icon.orange { color:#ff9800!important; background:#fff2e0!important; }
.lipicode-bold .page-main .policy-reference-content .privacy-policy-card h2 { font-size:.95rem!important; margin:0 0 6px; }.lipicode-bold .page-main .policy-reference-content .privacy-policy-card :is(p,li) { font-size:.81rem!important; line-height:1.55!important; }.policy-reference-content .privacy-policy-card p { margin-bottom:5px; }.policy-reference-content .privacy-policy-card ul { margin-top:3px; }.policy-reference-content .privacy-policy-card li { margin-bottom:2px; }
.lipicode-bold .policy-reference-content .privacy-sidebar > :is(nav,section,div) { padding:14px; border-radius:10px; background:linear-gradient(120deg,#fff,#f6fbff); }.policy-reference-content .privacy-sidebar { gap:12px; }.policy-reference-content .privacy-sidebar h2 { display:flex; align-items:center; gap:8px; font-size:.93rem!important; margin:0 0 10px; }.policy-side-icon { display:inline-flex; color:#0875ff; }.policy-side-icon svg { width:23px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.policy-reference-content .privacy-toc ol { gap:1px; }.policy-reference-content .privacy-toc li > a { padding:4px 6px; font-size:.72rem; }.policy-reference-content .privacy-toc li > a > span { flex-basis:18px; height:18px; font-size:.65rem; }.policy-reference-content .privacy-commitment li { padding-left:23px; font-size:.74rem!important; line-height:1.55; }.policy-reference-content .privacy-commitment li::before { display:grid; place-items:center; width:16px; height:16px; color:white; background:#0abb76; border-radius:50%; font-size:.7rem; top:2px; }.policy-reference-content .privacy-question { position:relative; padding-left:47px!important; }.policy-question-icon { position:absolute; left:13px; top:14px; display:grid; place-items:center; width:27px; height:29px; border-radius:50% 50% 50% 4px; background:linear-gradient(130deg,#22b7ff,#0063ff); color:white; font-size:1.2rem; }
@media(max-width:950px) { .policy-hero-art > span { display:none; }.policy-reference-content .privacy-layout { grid-template-columns:minmax(0,1fr) 280px; } }
@media(max-width:850px) { .lipicode-bold .policy-reference-hero > .container,.lipicode-bold .policy-reference-content > .container { width:calc(100% - 36px); }.policy-reference-hero .privacy-hero-grid,.policy-reference-content .privacy-layout { grid-template-columns:minmax(0,1fr); }.policy-hero-art { display:none; } }
@media(max-width:500px) { .policy-reference-content .privacy-policy-card > article { padding-left:35px; grid-template-columns:1fr; }.policy-reference-content .policy-reference-icon { display:none; } }