/* StudyBrix public pages: subjects, study guides, courses and lessons. Same indigo system as the worksheet app. */
:root{--ink:#17213a;--muted:#5d6980;--line:#e2e7f1;--line-strong:#cfd7e8;--brand:#4a5be2;--brand-deep:#3442b8;--brand-soft:#eef1ff;--wash:#f6f8fd;--ok:#17694c;--bad:#b23b40;--radius:14px;--grid:rgba(74,91,226,.075);--blue:#3370de;--pink:#c4588a;--teal:#2f8f85;--amber:#a77a1f;--orange:#c26d36;--violet:#8461c7;--cyan:#2f8aab}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-rendering:optimizeLegibility}
a{color:var(--brand);text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{outline-offset:3px}
:focus-visible{outline:3px solid #7b8aff;border-radius:4px}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
h1,h2,h3{line-height:1.2;letter-spacing:-.018em;text-wrap:balance}
h1{font-size:clamp(30px,3.6vw,46px);margin:8px 0 14px;max-width:920px;letter-spacing:-.028em}
h2{font-size:clamp(20px,2vw,24px);margin:28px 0 14px}
h3{font-size:17px;margin:8px 0}
p{margin:8px 0 14px;text-wrap:pretty}
small,.quiet{color:var(--muted)}
.skip{position:absolute;left:12px;top:-80px;z-index:30;background:#fff;padding:12px;border-radius:8px}
.skip:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Header */
.site-head{position:sticky;top:0;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.site-brand{display:flex;gap:11px;align-items:center;font-weight:760;font-size:18px;color:var(--ink);line-height:1.2}
.site-brand:hover{text-decoration:none}
.site-brand small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:3px;letter-spacing:0}
.mark{display:grid;place-items:center;width:38px;height:40px;flex-shrink:0;border-radius:11px;background:linear-gradient(140deg,#6777f1,#4152d0);color:#fff;font-size:13px;font-weight:850;letter-spacing:-.5px;box-shadow:0 5px 12px rgba(82,100,213,.22);transform:rotate(-4deg)}
.site-head nav{display:flex;gap:6px;align-items:center;font-size:15px;font-weight:600}
.site-head nav>a:not(.button){color:var(--ink);padding:8px 12px;border-radius:8px}
.site-head nav>a:not(.button):hover{background:var(--wash);text-decoration:none}
.site-head nav>a[aria-current=page]{color:var(--brand);background:var(--brand-soft)}
.site-head nav .button{margin-left:8px}

/* Page frame */
.course-main{max-width:1240px;margin:auto;padding:22px 24px 48px}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:18px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs [aria-current]{color:var(--ink)}
.review-banner{display:inline-block;border:1px solid #f0dfb1;border-radius:8px;background:#fffaf0;color:#7a5a14;font-size:13px;padding:7px 12px;margin:0 0 16px}
.page-title{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:26px}
.page-title>p:not(.eyebrow),.hero-grid>div>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:760px;line-height:1.55}
.eyebrow{color:var(--brand);font-size:14px;font-weight:700;margin:0;letter-spacing:0}
.stat-row{display:flex;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:18px;row-gap:8px}
.stat-row>span{padding:0 18px;border-left:1px solid var(--line)}
.stat-row>span:first-child{padding-left:0;border:0}
.stat-row b{color:var(--ink);font-size:20px;margin-right:5px;font-variant-numeric:tabular-nums}
.count-note{color:var(--muted);font-size:15px}

/* Worksheet-paper hero (course catalogue) */
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;padding:30px 32px 32px;margin:0 -8px 28px;border:1px solid var(--line);border-radius:20px;background-color:#fbfcff;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}
.hero-grid h1{margin-top:6px}
.hero-sheet{position:relative;background:#fff;border:1px solid var(--line-strong);border-radius:12px;padding:22px 22px 18px;box-shadow:0 18px 40px rgba(38,52,120,.12);transform:rotate(2.5deg)}
.sheet-line{height:9px;border-radius:5px;background:#e6eaf6;margin:6px 0}
.sheet-line.w60{width:60%}.sheet-line.w70{width:70%;height:12px;background:#d9def3;margin-bottom:16px}.sheet-line.w80{width:80%}.sheet-line.w90{width:90%}
.sheet-q{display:flex;gap:10px;align-items:center;margin:12px 0}
.sheet-q>span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:800;flex-shrink:0}
.sheet-q .sheet-line{flex:1}
.sheet-tick{position:absolute;right:-14px;top:52px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e8f6ef;color:var(--ok);border:3px solid #fff;box-shadow:0 6px 14px rgba(23,105,76,.18)}
.sheet-tick svg{width:22px;height:22px;stroke-width:2.6}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);background:#fff;font-size:15px;font-weight:650;line-height:1.3;text-align:center;transition:background-color .15s,border-color .15s,box-shadow .15s}
.button:hover{text-decoration:none;background:var(--wash);border-color:#b7c2e9}
.button.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(74,91,226,.22)}
.button.primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}

/* Course catalogue */
.course-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;padding:16px;background:var(--wash);border:1px solid var(--line);border-radius:var(--radius)}
.course-filters label{display:grid;gap:6px;font-size:14px;font-weight:650}
input[type=search],input[type=text],select,textarea{border:1px solid var(--line-strong);border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink);min-width:0;width:100%;font-size:16px;min-height:44px}
input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:3px solid rgba(74,91,226,.2);outline-offset:0}
input[type=radio]{accent-color:var(--brand);width:18px;height:18px;flex-shrink:0;margin-top:2px}
textarea{resize:vertical;min-height:90px}
.result-note{font-size:14px;color:var(--muted);margin:14px 0}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.course-card{--accent:var(--brand);position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 16px 22px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.course-card::before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:var(--accent)}
.course-card:hover{border-color:#b9c4ee;box-shadow:0 10px 26px rgba(26,44,84,.08);transform:translateY(-2px)}
.course-card:focus-within{border-color:var(--brand)}
.course-card[hidden]{display:none}
.card-eyebrow{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;font-weight:650;color:var(--muted)}
.card-subject{display:inline-flex;align-items:center;gap:7px;color:var(--accent)}
.card-subject svg{width:18px;height:18px}
.card-eyebrow>span:last-child{font-weight:500;white-space:nowrap}
.course-card h2{font-size:19px;margin:14px 0 8px}
.course-card h2 a{color:var(--ink)}
.course-card h2 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.course-card h2 a:hover{text-decoration:none}
.course-card:hover h2 a{color:var(--brand-deep)}
.course-card>p{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 18px}
.card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #edf0f6;font-size:13px;color:var(--muted)}
.course-card.blue{--accent:var(--blue)}.course-card.pink{--accent:var(--pink)}.course-card.teal{--accent:var(--teal)}.course-card.amber{--accent:var(--amber)}.course-card.orange{--accent:var(--orange)}.course-card.violet{--accent:var(--violet)}.course-card.cyan{--accent:var(--cyan)}
.compact-callout{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:22px 26px;border-radius:var(--radius);background:var(--brand-soft);border:1px solid #dde3ff}
.compact-callout h2{margin:0 0 6px}
.compact-callout p{color:var(--muted);margin:0}

/* Subject library */
.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.subject-card{--accent:var(--brand);position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .15s,box-shadow .15s}
.subject-card:hover{border-color:#b9c4ee;box-shadow:0 8px 22px rgba(26,44,84,.07)}
.subject-card h2{font-size:18px;margin:2px 0 4px}
.subject-card h2 a{color:var(--ink)}
.subject-card h2 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.subject-card p{margin:0;font-size:14px;color:var(--muted)}
.subject-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;flex-shrink:0;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,#fff)}
.subject-icon svg{width:22px;height:22px}
.subject-card.blue{--accent:var(--blue)}.subject-card.pink{--accent:var(--pink)}.subject-card.teal{--accent:var(--teal)}.subject-card.amber{--accent:var(--amber)}.subject-card.orange{--accent:var(--orange)}.subject-card.violet{--accent:var(--violet)}.subject-card.cyan{--accent:var(--cyan)}
.topic-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.topic-link{padding:8px 13px;background:#fff;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;color:var(--ink)}
.topic-link:hover{border-color:var(--brand);color:var(--brand);text-decoration:none;background:var(--brand-soft)}

/* Course and lesson */
.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px}
.course-aside{align-self:start;position:sticky;top:88px;background:var(--wash);border:1px solid var(--line);border-radius:var(--radius);padding:20px;font-size:14px}
.course-aside h2{font-size:18px;margin-top:0}
.course-aside h3{font-size:15px;margin-top:20px}
.course-aside p{color:var(--muted)}
.course-aside nav{display:grid;gap:2px;margin-bottom:18px}
.course-aside nav a{padding:7px 10px;border-radius:8px}
.course-aside nav a:hover{background:#fff;text-decoration:none}
.course-aside .button{width:100%}
.lesson-list{list-style:none;padding:0;margin:0}
.lesson-list li{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.lesson-list h3{margin:1px 0 6px;font-size:18px}
.lesson-list h3 a{color:var(--ink)}
.lesson-list h3 a:hover{color:var(--brand)}
.lesson-list p{font-size:15px;color:var(--muted);margin:0 0 6px}
.lesson-list small{font-size:13px}
.lesson-number{background:var(--brand-soft);color:var(--brand);font-weight:800;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;flex-shrink:0;font-variant-numeric:tabular-nums}
.progress-label{font-size:13px;color:var(--ok);margin-left:auto;white-space:nowrap;font-weight:600}
.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.note-card{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff}
.note-card h3{font-size:16px;margin:0 0 8px;color:var(--brand-deep)}
.note-card p{font-size:15px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.worked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.worked-grid article{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.worked-grid h3{font-size:15px;line-height:1.55;white-space:pre-wrap}
.worked-grid p{font-size:15px}
.formula{font-family:"Cambria Math","STIX Two Math","DejaVu Sans",system-ui,sans-serif;white-space:pre-wrap;background:var(--brand-soft);padding:10px 13px;border-radius:8px;overflow-wrap:anywhere;font-size:16px!important;color:#2f3e9e}
.prerequisites{font-size:15px;color:var(--muted)}
.lesson-content>section{margin-bottom:30px}
.lesson-content>section>h2:first-child{margin-top:0}
.section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}
.section-heading span{font-size:14px;color:var(--muted)}
.quiz-item{border:0;border-bottom:1px solid var(--line);margin:0;padding:20px 0 22px;min-width:0}
.quiz-item legend{float:left;width:100%;font-weight:650;font-size:16px;white-space:pre-wrap;padding:0 0 12px}
.quiz-item legend+.quiz-options,.quiz-item legend+label,.quiz-item legend+textarea{clear:both}
.question-number{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;margin-right:6px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:14px}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quiz-options label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;font-size:15px;cursor:pointer;min-height:44px;transition:border-color .12s,background-color .12s}
.quiz-options label:hover{border-color:#aab6e6}
.quiz-options label:has(input:checked){border-color:var(--brand);background:#f3f5ff}
.quiz-item input[type=text]{max-width:340px;margin-top:3px}
.unit{margin-left:9px;font-size:15px}
.answer-reveal{font-size:14px;margin-top:12px;color:var(--muted)}
summary{cursor:pointer;min-height:28px;font-weight:600;color:var(--brand-deep)}
details{font-size:15px}
details[open]{background:var(--wash);border-radius:10px;padding:12px 14px}
details[open] summary{margin-bottom:8px}
.quiz-feedback{margin:10px 0 0;font-weight:650;font-size:15px}
.quiz-feedback.correct{color:var(--ok)}
.quiz-feedback.incorrect{color:var(--bad)}
.quiz-result:not(:empty){padding:13px 16px;border:1px solid var(--line);background:var(--wash);border-radius:10px;font-weight:600}
.lesson-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.references{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
.references h2{font-size:17px}
.references ul{display:flex;gap:16px;flex-wrap:wrap;list-style:none;padding:0}

/* Study guides and subject pages */
.reading-width{max-width:900px;margin:auto}
.prose h2{margin-top:30px}
.prose p{font-size:17px;line-height:1.65}
.resource-section{margin-bottom:24px}
.resource-section p,.resource-section li{font-size:16px}
.resource-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.resource-links article,.sample-list article{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.resource-links p{font-size:14px;color:var(--muted)}
.resource-links h3{font-size:16px}
.sample-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sample-list h3{font-size:16px;line-height:1.55;white-space:pre-wrap}
.sample-list p,.sample-list li{font-size:15px}
.sample-list small{font-size:13px}
.trace-public p{font-size:15px}

/* Footer */
.site-foot{border-top:1px solid var(--line);background:var(--wash);margin-top:24px;padding:36px max(24px,calc((100vw - 1240px)/2)) 26px;font-size:14px;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.foot-brand p{max-width:340px;margin-top:12px}
.site-foot h2{font-size:14px;color:var(--ink);margin:4px 0 10px;letter-spacing:0}
.site-foot nav{display:flex;flex-direction:column;gap:7px}
.site-foot nav a{color:var(--muted)}
.site-foot nav a:hover{color:var(--brand)}
.site-foot nav a[aria-current]{color:var(--ink);font-weight:600}
.foot-note{border-top:1px solid var(--line);margin:28px 0 0;padding-top:16px;font-size:13px}
.course-status:empty{display:none}
.course-status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;z-index:30;box-shadow:0 4px 16px rgba(0,0,0,.2)}

@media(max-width:1020px){.course-grid,.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.resource-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:minmax(0,1fr) 230px;gap:26px}.foot-grid{grid-template-columns:1fr 1fr 1fr}.foot-brand{grid-column:1/-1}}
@media(max-width:760px){
 .site-head{height:auto;padding:10px 16px;gap:10px;flex-wrap:wrap}
 .site-brand small{display:none}
 .site-head nav{width:100%;overflow-x:auto;scrollbar-width:none;gap:4px;font-size:15px;margin:0 -4px}
 .site-head nav::-webkit-scrollbar{display:none}
 .site-head nav .button{margin-left:auto;min-height:40px;padding:8px 14px;white-space:nowrap}
 html{scroll-padding-top:120px}
 .course-main{padding:16px 16px 36px}
 .hero-grid{grid-template-columns:1fr;padding:22px 18px;margin:0 0 22px}
 .hero-sheet{display:none}
 .course-layout{grid-template-columns:1fr}
 .course-aside{position:static;order:-1;padding:16px}
 .course-aside nav{grid-template-columns:1fr 1fr;margin:8px 0 12px}
 .course-aside h3,.course-aside p{margin:8px 0}
 .course-filters{grid-template-columns:1fr 1fr;padding:12px}
 .course-filters label:first-child{grid-column:1/-1}
 .page-title{padding-bottom:20px;margin-bottom:20px}
 .page-title>p:not(.eyebrow),.hero-grid>div>p:not(.eyebrow){font-size:16px}
 .stat-row>span{padding:0 12px}
 .stat-row b{font-size:18px}
 .lesson-list li{padding:16px 0}
 .quiz-options,.note-grid,.worked-grid,.sample-list,.resource-links,.subject-grid{grid-template-columns:1fr}
 .course-card{padding:17px 17px 14px 19px}
 .course-card h2{font-size:18px}
 .compact-callout{flex-direction:column;align-items:flex-start;padding:18px}
 .foot-grid{grid-template-columns:1fr 1fr;gap:22px}
}
@media(max-width:520px){.course-grid{grid-template-columns:1fr}.progress-label{white-space:normal;font-size:12px}.lesson-list li{gap:12px}.actions .button{flex-grow:1}.stat-row>span{border:0;padding:0 14px 0 0}.lesson-pagination .button{flex:1}.foot-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.course-card:hover{transform:none}}
@media print{@page{size:A4;margin:10mm}body{font-size:10pt;color:#000;line-height:1.35}.site-head,.site-foot,.breadcrumbs,.review-banner,.course-aside,.actions,.course-filters,.course-status,.lesson-pagination,.skip,.answer-reveal,.quiz-feedback,#quiz-result,.hero-sheet{display:none!important}.hero-grid{display:block;border:0;background:none;padding:0;margin:0}.course-main{max-width:none;padding:0}.course-layout{display:block}.page-title{padding-bottom:3mm;margin-bottom:4mm}h1{font-size:22pt}.note-grid,.worked-grid{grid-template-columns:1fr 1fr;gap:3mm}.note-card,.worked-grid article{padding:3mm;break-inside:avoid}.quiz-item{break-inside:avoid;padding:3mm 0}.quiz-options{grid-template-columns:1fr 1fr}.quiz-options label{padding:2mm;font-size:9pt}input[type=text],textarea{border:0;border-bottom:1px solid #bbb;border-radius:0}.lesson-content>section{margin-bottom:4mm}.references{font-size:8pt}.stat-row{font-size:9pt}a{color:inherit}.course-grid{grid-template-columns:repeat(2,1fr)}.course-card,.sample-list article{break-inside:avoid}.course-card::before{display:none}}

/* Advertising: labelled, separated from controls, space reserved to avoid layout shift */
.page-frame{display:block}
.ad{display:block;margin:28px auto;text-align:center;contain:layout;max-width:100%}
.ad-label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px;text-align:left}
.ad ins.adsbygoogle{display:block;width:100%}
.ad-top ins,.ad-bottom ins,.ad-top .ad-box,.ad-bottom .ad-box{min-height:100px}
.ad-between ins,.ad-between .ad-box{min-height:120px}
.ad-quiz ins,.ad-quiz .ad-box{min-height:250px}
.ad-rail{display:none}
.course-grid>.ad,.subject-grid>.ad,.resource-links>.ad,.sample-list>.ad{grid-column:1/-1;margin:8px 0}
.quiz-item+.ad{margin:22px 0}
.ad-collapsed{display:none!important}
.ad-preview .ad-box{display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:13px;background:var(--wash)}
@media(min-width:1500px){
 .page-frame.has-rails{display:grid;grid-template-columns:160px minmax(0,1240px) 160px;justify-content:center;gap:24px;padding:0 16px}
 .page-frame.has-rails>.course-main{width:100%}
 .ad-rail{display:block;position:sticky;top:92px;align-self:start;margin:22px 0 0;width:160px}
 .ad-rail ins,.ad-rail .ad-box{min-height:600px;width:160px}
}
@media(max-width:760px){.ad-between ins,.ad-between .ad-box{min-height:250px}}
@media print{.ad{display:none!important}}
.course-filters select,.course-filters input{font-weight:400}
@media(max-width:760px){.site-head{position:static}html{scroll-padding-top:16px}}