div svg{width:50%}.footer{font-size:.6rem}table,th,td{border:1px solid;margin:25px 50px 75px;text-align:left}.description-block{border:1px solid #e0d0a0;border-radius:8px;padding:.6rem .8rem;margin-bottom:.4rem;box-shadow:1px 1px 4px #c8b46426;background-color:#fffef1;text-align:left!important}.description-block.motivation{background-color:#f9f6e4}.description-block.description{background-color:#fffef1}.description-header.small{font-size:.8em;font-weight:600;color:#444;margin-bottom:.3em;gap:.3em;display:inline-flex;align-items:center;width:auto}.description-header.small .description-icon{font-size:1em;color:#daa520}.description-content{font-size:.92em;color:#333;line-height:1.5}.description-content p{margin-bottom:.4em}.description-content ul{padding-left:1.2em;margin-bottom:.4em}.description-content li{padding:0;margin:0 0 .1em;line-height:1.3}@media (max-width: 600px){.description-block{padding:.5rem .6rem;margin-bottom:.3rem}.description-header.small{font-size:.75em}.description-content{font-size:.88em}}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}