*{
            box-sizing:border-box;
        }

        body{
            margin:0;
            font-family:Arial,sans-serif;
            background:#f4efe7;
            color:#222;
            line-height:1.7;
        }

        .container{
            width:min(1100px,92%);
            margin:0 auto;
            padding:50px 0;
        }

        .hero{
            background:white;
            border-radius:24px;
            padding:40px;
            margin-bottom:30px;
            box-shadow:0 10px 30px rgba(0,0,0,.08);
        }

        .spec-id{
            color:#245c4d;
            font-weight:bold;
            letter-spacing:.08em;
            margin-bottom:10px;
        }

        h1{
            margin:0;
            color:#245c4d;
            font-size:48px;
        }

        h2{
            margin-top:50px;
            color:#245c4d;
            border-bottom:2px solid #ddd;
            padding-bottom:10px;
        }

        h3{
            color:#245c4d;
        }

        .section{
            background:white;
            border-radius:20px;
            padding:30px;
            margin-bottom:20px;
            box-shadow:0 8px 24px rgba(0,0,0,.05);
        }

        code{
            background:#eee;
            padding:2px 6px;
            border-radius:4px;
        }

        pre{
            background:#111;
            color:#00ff88;
            padding:20px;
            border-radius:14px;
            overflow:auto;
        }

        table{
            width:100%;
            border-collapse:collapse;
        }

        table th,
        table td{
            border:1px solid #ddd;
            padding:12px;
            text-align:left;
        }

        table th{
            background:#245c4d;
            color:white;
        }

        .footer{
            text-align:center;
            margin-top:40px;
            color:#666;
        }