/* source: faerdighed\trigonometri\pythagoras.htm style block 1 */
body{
            text-align:center;
            font-family:Arial, sans-serif;
            background-color:#f0f8ff;
            margin:0;
        }
        h1{
            font-size:2.5em;
            color:#333366;
            margin:16px 0 8px;
        }
        .container{
            display:flex;
            flex-direction:column;
            align-items:center;
            background-color:#ffffff;
            padding:20px;
            border-radius:10px;
            box-shadow:2px 2px 10px #888888;
            max-width:500px;
            margin:12px auto 24px;
        }
        svg{
            margin-top:12px;
            border:2px solid black;
            background-color:#ffffff;
        }

        /* --- Knapopsætning som i hireaki.htm --- */
        .button-container{
            display:flex;
            flex-wrap:wrap;        /* brug nowrap hvis du vil tvinge én linje */
            gap:8px;
            align-items:center;
            justify-content:center;
            margin-top:10px;
        }
        .button-container > button{
            display:inline-flex !important;
            width:auto !important;
            white-space:nowrap;
            margin:0; /* afstand styres af gap */
        }

        button{
            padding:10px 20px;
            font-size:1.2em;
            background-color:#333366;
            color:#fff;
            border:none;
            border-radius:5px;
            cursor:pointer;
        }
        button:hover{ background-color:#555599; }

        #solution{
            display:none;
            background-color:#e6f7ff;
            padding:10px;
            border-radius:5px;
            margin-top:10px;
            font-size:1.2em;
            text-align:left;
        }

        #problem{ text-align:left; }