*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#d9d9d9;color:#222;font:13px/1.45 Arial,Tahoma,Verdana,sans-serif}a{color:#0046a5;text-decoration:underline}a:hover{color:#a00000}.site{width:980px;max-width:calc(100% - 16px);margin:8px auto;background:#fff;border:1px solid #777}.topline{padding:4px 8px;background:#eee;border-bottom:1px solid #aaa;color:#555;font-size:11px}.header-table{width:100%;border-collapse:collapse}.header-table td{padding:8px;vertical-align:middle}.logo-cell{width:58%}.site-title{font:bold 24px Georgia,"Times New Roman",serif;color:#003b7a}.site-title a{color:#003b7a;text-decoration:none}.site-slogan{margin-top:2px;color:#666;font-size:11px}.header-links{text-align:right;font-size:12px}.nav-table{width:100%;border-collapse:collapse;border-top:1px solid #5e7da0;border-bottom:1px solid #5e7da0;background:#dce7f2}.nav-table td{padding:6px 7px;text-align:center;border-right:1px solid #9eb1c3;white-space:nowrap}.nav-table td:last-child{border-right:0}.nav-table a{color:#003b7a;font-weight:bold}.page-layout{width:100%;border-collapse:collapse}.page-layout>tbody,.page-layout>tbody>tr{display:block;width:100%}.page-layout>tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) 225px;align-items:start}.page-layout>tbody>tr>td{display:block;vertical-align:top}.main-col{min-width:0;padding:8px 12px 18px}.side-col{background:#f4f4f4;border-left:1px solid #bbb;padding:8px;align-self:start}.breadcrumbs{margin:-8px -12px 9px;padding:6px 8px;border-bottom:1px solid #ccc;background:#fafafa;font-size:11px;color:#666}.breadcrumbs span{margin:0 4px}.side-block{margin-bottom:10px;border:1px solid #a7a7a7;background:#fff}.side-title,.side-head{padding:4px 6px;background:#dce7f2;border-bottom:1px solid #a7a7a7;color:#173d65;font-weight:bold}.side-links{margin:0;padding:4px 6px 5px 20px}.side-links li{margin:3px 0}.session-stats{padding:6px}.session-stats span{display:block;margin:3px 0}.small{font-size:11px;color:#666}h1{margin:0 0 8px;font:bold 24px Georgia,"Times New Roman",serif;color:#111}h2{margin:16px 0 7px;font-size:17px;color:#173d65}h3{margin:12px 0 6px;font-size:14px}p{margin:7px 0}.lead{font-size:14px;line-height:1.55}.box{margin:10px 0 14px;border:1px solid #999;background:#fff}.box-head{padding:5px 7px;background:#e5e5e5;border-bottom:1px solid #999;font-weight:bold;color:#222}.box-head.blue{background:#dce7f2;color:#173d65}.box-head.orange{background:#f3e3c8;color:#653f11}.box-head.green{background:#dcebdc;color:#244c24}.text-pad,.rule,.calc{padding:8px}.quick-strip{display:table;width:100%;border-collapse:collapse;margin:8px 0}.quick-strip>div{display:table-cell;width:33.33%;padding:7px;border:1px solid #aaa;background:#f6f6f6}.quick-strip b,.quick-strip span{display:block}.quick-strip span{font-size:11px;color:#666}.hero-grid{display:grid;grid-template-columns:1fr 1fr}.hero-grid>*{border-right:1px solid #bbb}.hero-grid>*:last-child{border-right:0}.formula-line{margin:10px 0;padding:8px;border:1px solid #aaa;background:#ffffed;text-align:center;font-size:18px}.frac{display:inline-grid;grid-template-rows:auto auto;vertical-align:middle;text-align:center;line-height:1.05;min-width:24px}.frac .top{padding:0 3px 2px;border-bottom:1px solid #222}.frac .bottom{padding:2px 3px 0}.op,.eq{display:inline-block;margin:0 7px}.calc-widget,.converter,.decimal-calc{padding:8px;background:#f7f7f7}.op-tabs,.decimal-op-tabs,.skill-switch{margin-bottom:7px}.op-tabs button,.decimal-op-tabs button,.skill-switch button,.primary,.linkbtn,.compare-answer button{margin:1px;padding:5px 10px;border:1px solid #666;border-top-color:#eee;border-left-color:#eee;background:#d7d7d7;color:#111;font:bold 12px Arial;cursor:pointer}.op-tabs button.active,.decimal-op-tabs button.active,.skill-switch button.active{background:#bfcfe2}.calc-expression{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center}.frac-input{display:grid;gap:3px}.frac-input i{display:block;border-top:1px solid #555}.frac-input input,.converter input,.decimal-row input,.answer-row input,.single-value{width:100%;padding:6px;border:1px solid #777;background:#fff;font:14px Arial}.calc-op{text-align:center;font-size:18px;font-weight:bold}.calc-result,.converter-result,.feedback{margin-top:8px;padding:7px;border:1px solid #aaa;background:#ffffdf;min-height:32px}.calc-result:empty,.converter-result:empty,.feedback:empty{display:none}.calc-answer{font-weight:bold;font-size:15px}.calc-extra,.conv-note{font-size:11px;color:#555}.mixed-input,.percent-input,.decimal-row,.converter-advanced{display:flex;gap:8px;align-items:center}.converter-input{display:grid;gap:3px;min-width:130px}.converter-input i{border-top:1px solid #555}.steps{padding:7px}.step{display:grid;grid-template-columns:74px 1fr;border-bottom:1px dotted #aaa;padding:5px 0}.step:last-child{border-bottom:0}.step-no{font-size:10px;font-weight:bold;color:#555}.trainer-toolbar{display:flex;align-items:center;gap:8px;padding:6px;border-bottom:1px solid #aaa;background:#f7f7f7}.progress{flex:1;height:8px;border:1px solid #888;background:#fff}.progress i{display:block;height:100%;background:#9ab792;width:0}.task-zone{padding:8px}.task-meta{font-size:11px;color:#666}.task-math{margin:10px 0;font-size:20px}.answer-row{display:flex;gap:6px;align-items:center}.answer-row input{max-width:130px}.task-links{margin-top:7px}.feedback.good{background:#eaf5e8}.feedback.bad{background:#fff0f0}.feedback.info{background:#eef4fa}.home-links,.related-list,.search-results,.link-grid,.fraction-catalog-grid{display:block}.home-links a,.related-list a,.search-results a,.link-grid a,.fraction-catalog-grid a{display:block;padding:5px 7px;border-bottom:1px solid #ccc}.home-links a:last-child,.related-list a:last-child,.search-results a:last-child,.link-grid a:last-child{border-bottom:0}.link-grid,.search-results,.related-list,.home-links{border:1px solid #aaa;margin:9px 0}.link-grid strong,.link-grid span,.search-results strong,.search-results span{display:block}.link-grid span,.search-results span{font-size:11px;color:#666}.fraction-catalog-grid{columns:5;border:1px solid #aaa;padding:4px}.fraction-catalog-grid a{break-inside:avoid;border:0;padding:2px 5px}.fraction-hero{display:grid;grid-template-columns:180px 1fr;border:1px solid #999;margin:10px 0}.fraction-big{display:flex;align-items:center;justify-content:center;padding:18px;border-right:1px solid #999;font-size:36px}.fraction-facts{display:grid;grid-template-columns:1fr 1fr}.fraction-facts>div{padding:8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.fraction-facts b,.fraction-facts strong{display:block}.fraction-facts b{font-size:11px;color:#555}.equiv{padding:8px}.equiv span{margin-right:10px}.faq-list details{border-bottom:1px solid #ccc;padding:6px 8px}.faq-list details:last-child{border-bottom:0}.faq-list summary{font-weight:bold;cursor:pointer}.plain-list{margin:6px 0;padding-left:22px}.worked-example{padding:8px;border-bottom:1px solid #ccc}.worked-example:last-child{border-bottom:0}.worked-steps{margin:5px 0}.worked-answer{background:#ffffdf;padding:5px;border:1px solid #ccc}.visual-task{display:flex;gap:12px;align-items:center;padding:8px}.pie-row{display:flex;width:160px;height:35px;border:1px solid #777}.pie-row span,.pie-row i{flex:1;border-right:1px solid #777}.pie-row span{background:#c8d8e8}.pie-row i{border-right:0}.legal{font-size:12px}.empty{padding:10px;border:1px solid #aaa;background:#fafafa}.ad-slot{margin:8px 0;padding:5px;border:1px dashed #aaa}.footer{padding:8px;border-top:1px solid #777;background:#eee;color:#555;font-size:11px;text-align:center}
@media(max-width:760px){body{background:#fff;font-size:14px}.site{width:auto;max-width:none;margin:0;border:0}.topline{display:none}.header-table,.header-table tbody,.header-table tr,.header-table td{display:block;width:100%}.header-links{text-align:left;padding-top:0!important}.nav-table,.nav-table tbody,.nav-table tr{display:block;width:100%}.nav-table tr{display:grid;grid-template-columns:1fr 1fr}.nav-table td{display:block;white-space:normal;text-align:left;border-right:1px solid #9eb1c3;border-bottom:1px solid #9eb1c3;padding:8px}.page-layout,.page-layout>tbody,.page-layout>tbody>tr,.page-layout>tbody>tr>td{display:block;width:100%}.page-layout>tbody>tr{display:block}.main-col{padding:9px}.side-col{width:100%;border:0;border-top:1px solid #bbb;padding:8px}.breadcrumbs{margin:-9px -9px 9px}.hero-grid,.fraction-hero{grid-template-columns:1fr}.hero-grid>*{border-right:0;border-bottom:1px solid #bbb}.fraction-big{border-right:0;border-bottom:1px solid #999}.quick-strip{display:block}.quick-strip>div{display:block;width:100%}.calc-expression{grid-template-columns:1fr}.calc-op{text-align:left}.mixed-input,.percent-input,.decimal-row,.converter-advanced,.answer-row{display:block}.mixed-input>*,.percent-input>*,.decimal-row>*,.converter-advanced>*,.answer-row>*{margin:4px 0}.answer-row input{max-width:none}.fraction-catalog-grid{columns:3}h1{font-size:22px}}
@media(max-width:420px){.fraction-facts{grid-template-columns:1fr}.fraction-catalog-grid{columns:2}.nav-table tr{grid-template-columns:1fr 1fr}.site-title{font-size:21px}}