div svg{width:50%}.footer{font-size:.6rem}table,th,td{border:1px solid;margin:25px 50px 75px;text-align:left}body{background-color:#fafad2}.margin{margin:100px 20px 20px;max-width:90%}@media (max-width: 600px){html,body{overflow-x:visible!important}.margin{max-width:100vw;margin:60px 0 0;padding:0 5px;box-sizing:border-box}.mobile-scroll{overflow-x:auto;width:100vw;box-sizing:border-box}.mobile-scroll table{min-width:600px}.mobile-brand{font-size:.85em;white-space:nowrap;max-width:70vw;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}}.recommendation-header{margin-bottom:20px;border-bottom:1px solid #e0d0a0;padding-bottom:10px}.recommendation-meta{display:flex;gap:15px;margin-bottom:10px;color:#666}.meta-item{background-color:#f5e6b9;padding:3px 8px;border-radius:4px;font-size:.9em}h2{margin-top:10px;color:#333}.expandable-section{margin-bottom:20px}.expand-button{background:none;border:none;cursor:pointer;font-size:.9em;color:#333;padding:5px 10px;text-align:left;width:100%}.expand-button:hover{background-color:#f5e6b9}.tag-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;margin-left:20px;margin-bottom:20px}.tag{padding:8px 12px;background-color:#f5e6b9;border:1px solid #e0d0a0;border-radius:5px;text-decoration:none;color:#333;display:flex;flex-direction:column;width:100%;margin-bottom:10px}.tag-header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.tag-header strong{font-size:.9em}.tag-class,.tag-audience{font-size:.8em;color:#666}.tag-class{background-color:khaki;padding:2px 5px;border-radius:3px}.tag-recommendation{font-size:.9em;color:#333;line-height:1.4}.tag:hover{background-color:#e0d0a0}.navbar-brand{white-space:normal!important;word-break:break-word}